UltKit

GIF 轉 WebM 轉換器

GIF 把每一格畫面都存成一張獨立的索引色圖片,所以循環動圖又大又有顆粒感。WebM 以現代影片格式儲存同樣的動態,檔案大幅縮小,色彩也不再出現色階斷層。

影片轉檔

或將MP4, MOV, MKV … 檔案拖曳到這裡 ·

每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除

輸出

檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。

使用方式

  1. 1

    加入 GIF

    將動畫 GIF 拖曳到上傳區,最多 20 個檔案,每個檔案不超過 95 MB。

  2. 2

    視需要設定尺寸與長度

    頁面預設 品質(CRF) 為 30,且不含音訊。若要做貼圖,可選擇較低的 解析度,用 開始時間 與 結束時間 剪輯,或勾選 限制檔案大小。

  3. 3

    轉換並下載

    按下 轉換為 WebM,即可把檔案用在聊天或網頁上。

動畫 GIF

4.8 MB

典型 5 秒循環動畫 · 480 px · 256 色

約縮小 90%

WebM (VP9)

0.4 MB

相同循環動畫 · 480 px · CRF 30

為什麼要把 GIF 轉成 WebM

WebM 由 Google 於 2010 年發表,是一種開放且免授權費的影片格式,以 Matroska 容器的子集為基礎。其 VP9 編碼會根據前面的影格預測每個影格來壓縮動態,這是 GIF 做不到的,而且保留完整色彩,不受 256 色調色盤限制。結果是檔案更小,漸層也更平滑。

凡是有檔案大小限制的地方,這都很重要。免費 Discord 帳號每個檔案可上傳 10 MB,Telegram 影片貼圖限制 256 KB,網頁上每多 1 MB 都會拖慢首次繪製。以 GIF 來說太大的循環動畫,轉成 WebM 往往輕鬆就能符合限制。

GIF

Graphics Interchange Format

GIF 由 CompuServe 於 1987 年推出,至今仍是支援最廣的短篇循環動畫格式。它屬於無損格式,但每個影格最多只能使用 256 色的調色盤,因此照片和漸層會出現色帶與抖色。它只支援開/關(1 位元)透明,曲線形狀的邊緣會有鋸齒。動畫 GIF 往往比同一段影片的 MP4 或 WebP 大得多。所有瀏覽器、聊天應用程式和社群平台都能播放 GIF。

壓縮方式
無損
透明度
支援
動畫
支援
推出年份
1987 · CompuServe
GIF 轉檔工具

WEBM

WebM 影片

WebM 是 Google 於 2010 年為網頁推出的開放、免授權金影片格式。它以 Matroska 為基礎,可包含 VP8、VP9 或 AV1 影像,搭配 Vorbis 或 Opus 音訊;VP9 的 WebM 還能帶有 Alpha 色版,製作透明影片。瀏覽器可原生播放,瀏覽器內建的螢幕錄影工具也常輸出此格式。Apple 裝置、影片剪輯軟體與社群平台對它的支援,向來不如 MP4。

壓縮方式
有損
透明度
支援
動畫
–
推出年份
2010 · Google
WEBM 轉檔工具

將 GIF 轉成 WebM,是為了用真正的影片壓縮取代 256 色調色盤,讓循環動畫輕到能用於聊天上傳、Telegram 貼圖或網頁。

在 Discord、Telegram 與網站上使用轉好的 WebM

將 WebM 拖曳到頻道中,會直接內嵌播放,短片還會重複播放。小於 10 MB 即可用免費帳號上傳。

  • 較長的循環動畫請將 限制檔案大小 設為 10 MB
GIF 式 WebM 循環動畫的 HTML
<video autoplay loop muted playsinline width="480"><source src="loop.webm" type="video/webm"><source src="loop.mp4" type="video/mp4">您的瀏覽器不支援影片播放。</video>

什麼情況下該保留 GIF

電子郵件是主要的例外:多數郵件應用程式會內嵌顯示動畫 GIF,卻很少能在信件內文中播放影片。部分論壇簽名檔、維基和較舊的內容系統也只接受圖片。這些情況請保留 GIF;若問題只是檔案太大,可使用壓縮 Discord 用 GIF。

其他凡是能播放影片的地方,從簡報到登陸頁,用 WebM 或 MP4 都能得到更好的循環動畫。其他格式與設定請見影片轉檔。

GIF 轉 WebM 常見問題

WebM 比原本的 GIF 小多少?

相同尺寸的同一段循環動畫,通常可縮小 80–95%。GIF 以 1987 年的方法獨立壓縮每個影格,而 VP9 影片只儲存影格之間變化的部分。背景靜止的循環動畫縮小幅度最大。

WebM 會像 GIF 一樣循環播放嗎?

影片檔本身沒有循環旗標,是否循環由播放器決定。Discord 和 Telegram 會自動重複播放短的 WebM 片段,在網頁上則可用 video 標籤的 loop 屬性達到相同效果。上方的程式碼片段已包含此屬性。

Telegram 影片貼圖有哪些規定?

Telegram 影片貼圖必須是採用 VP9 編碼的 WebM,長邊 512 px,長度不超過 3 秒,不含音訊,且檔案不超過 256 KB。請將 解析度 調到長邊 512 px,剪輯為 3 秒,並勾選 限制檔案大小 設為 256 KB。

為什麼 GIF 的透明背景在 WebM 裡變成黑色?

GIF 的透明只是調色盤中的單一項目,而這項轉換會輸出不透明的影片,透明像素會被填上純色。若要在 Discord 或 LINE 使用透明貼圖,GIF 轉 APNG 可以保留去背效果。

WebM 能在 iPhone 上播放嗎?

較新的 iOS 版本在 Safari 中可播放 VP9 WebM,但較舊的 iPhone 和部分應用程式不行。製作網頁時,請在 WebM 之後再列出 MP4 來源,讓每種裝置都能找到可播放的檔案;GIF 轉 MP4 可以產生第二個檔案。