UltKit

WebM 轉 GIF 轉換器

WebM 是網頁原生的影片格式,但許多能顯示圖片的地方卻無法播放它,例如電子郵件、較舊的論壇、不少 Wiki 和部分問題追蹤系統。把短短的 WebM 片段轉成 GIF,它就變成一張圖片,凡是能放圖的地方都能循環播放。

影片轉 GIF

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

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

GIF 大小
px

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

使用方式

  1. 1

    上傳 WebM

    加入由螢幕錄影程式、瀏覽器擴充功能或剪輯軟體產生的 .webm 檔案,每個檔案最大 95 MB,每批最多 20 個。

  2. 2

    選擇片段與尺寸

    輸入想要擷取片段的開始時間與結束時間。寬度預設為 480 px,影格率預設為 15 fps;調低任一項都能讓檔案更小。

  3. 3

    按下「轉換為 GIF」

    按下轉換為 GIF,確認預覽的循環播放效果,再下載 GIF,或將整批檔案打包成 ZIP 下載。

把片段控制在約六秒以內、寬度 480 px、10 到 15 fps,WebM 螢幕錄影通常能轉成幾 MB 的 GIF。

WebM 轉 GIF:支援 VP8、VP9 與 AV1 影片

Google 在 2010 年發表 WebM,作為 HTML5 影片的免授權金格式。它的容器是 Matroska 的子集,內含的影像編碼是三種之一:最早的 VP8;2013 年推出、多數瀏覽器錄影工具和許多網路影片使用的 VP9;或 Alliance for Open Media 在 2018 年發布的 AV1。音訊為 Vorbis 或 Opus,由於 GIF 沒有聲音,音訊會被捨棄。

這三種影像編碼都能在此解碼,所以不必先確認檔案使用哪一種。Chrome、Edge 和 Firefox 會把用 MediaRecorder API 錄下的螢幕與相機畫面存成 WebM,因此許多錯誤回報和操作教學片段一開始都是這種格式。

損失的是色彩。每個 GIF 影格最多只能有 256 種顏色,且是針對該片段挑選的,再以細緻的圖樣抖色來混出其他顏色。色塊單純的介面幾乎能完美轉換;漸層和實拍影片則會出現顆粒或色帶。

WEBM

WebM 影片

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

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

GIF

Graphics Interchange Format

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

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

WebM 影片多來自瀏覽器、螢幕錄影程式和網路下載,但電子郵件程式、論壇和許多文件工具只接受圖片;由 WebM 製作的 GIF 不需要播放器就能在這些地方播放。

WebM 轉 GIF 時如何選擇影格速率

  1. 5 fps

    有投影片的感覺;適合游標在兩種狀態間移動

  2. 10 fps

    仍能看出動作的最低設定

  3. 15 fps

    捲動與打字都很流暢,也是本頁的預設值

  4. 24 fps

    接近電影的動態,檔案約為 12 fps 的兩倍大

  5. 30 fps

    適合快節奏遊戲與運動;做成 GIF 通常太大

檔案大小大致隨影格數增加,所以從 15 fps 提高到 30 fps 幾乎會變成兩倍。寬度的影響更大:每個影格中,640 px 的像素數幾乎是 480 px 的兩倍,960 px 則是四倍。快速估算的方式是寬度 × 高度 × 影格數,再除以 LZW 對畫面的壓縮程度;單純的螢幕內容壓縮效果很好,實拍影片則很有限。

如果結果仍然大到無法在聊天軟體上傳,可以再用壓縮 Discord 用 GIF 處理,或把片段剪短,不要先調低顏色。

GIF、動態 WebP,還是保留 WebM

GIF

幾乎到處都能播放

支援度最廣,但只有 256 色且檔案較大。

  • 電子郵件、論壇、Wiki、README 檔案
  • 沒有聲音
  • 只支援單色透明
適用情境: 只接受圖片的地方
動態 WebP

更小且全彩

支援 Chrome、Edge、Firefox 65 以上及 Safari 14 以上。

  • 數百萬種顏色
  • 完整 Alpha 透明
  • 並非所有應用程式或電子郵件程式都能顯示
適用情境: 自己的網頁與貼圖
WebM

保留影片

同一段影片的檔案大小比 GIF 小很多倍。

  • 保留聲音
  • 需要影片播放器或 video 標籤
  • 每 MB 的品質最佳
適用情境: 能播放影片的網站與應用程式

WebM 轉 GIF 常見問題

透明背景的 WebM 能轉成透明背景的 GIF 嗎?

不建議期待這一點。採用 VP8 或 VP9 的 WebM 可以儲存完整的 Alpha 色版,邊緣能有柔和的半透明;GIF 則只能把調色盤中的一個顏色設為完全透明,其餘都是不透明。即使透明度得以保留,平滑的邊緣也會變成鋸齒狀,所以製作貼圖或疊加畫面時,動態 WebP 或 APNG 是更合適的目標格式。

為什麼 WebM 轉檔比同長度的 MP4 慢?

AV1 以及程度較輕的 VP9,解碼所需的運算比 H.264 多,因此每個影格送到 GIF 編碼器之前都要花更多時間。把開始時間與結束時間的範圍抓緊,就能避免解碼用不到的片段。

我的 WebM 是瀏覽器螢幕錄影,GIF 寬度該設多少?

螢幕錄影的寬度常常是 1920 px 以上,縮小時只要縮到必要的程度,文字就能維持清晰。說明文件中的教學步驟適合用 640 到 800 px;如果 GIF 只需要呈現點擊按鈕的動作,把片段剪短,維持 480 px 即可。

為什麼 WebM 與 GIF 的播放速度不一樣?

螢幕與瀏覽器錄影通常是可變影格率,影格不會以固定間隔出現。GIF 則依你選擇的影格率採用固定間隔,這會抹平那些落差,讓卡頓的錄影看起來更穩定。

之後可以把 GIF 再轉回 WebM 嗎?

可以,使用 GIF 轉 WebM 即可,但流失的顏色和影格無法復原。如果之後可能還需要完整品質的影片,請保留原始 WebM。