UltKit

GIF 轉 WebP 轉換器

動態 GIF 以呈現的內容來說檔案實在太大。把 GIF 轉成 WebP 會保留每一格畫面與播放時間,但改用新式壓縮儲存,同樣的動畫通常只需要原本一小部分的檔案大小。

圖片轉換器

或將JPG, JPEG, JPE … 檔案拖曳到這裡 ·

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

輸出

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

使用方式

  1. 1

    上傳 GIF 檔案

    最多可新增 20 個動態或靜態 GIF,每個檔案最大 95 MB。

  2. 2

    選擇有損或無損

    品質設為 80 可節省最多空間。像素風或純色動畫若必須保持精確,請在進階設定中勾選無損。

  3. 3

    轉換並檢查

    按下「轉換為 WebP」,下載檔案,再用瀏覽器播放其中一個,確認動畫正常。

GIF 轉 WebP,減輕動畫檔案大小

GIF 設計於 1987 年,原本用於透過數據機傳輸靜態圖形,動畫是後來才加入的。每一格都以 LZW 壓縮儲存,顏色限制為 256 色,除了讓像素保持不變之外,無法重複利用前一格的相似內容。一段三秒的反應動圖很容易就有好幾 MB。

動態 WebP 以 WebP 處理靜態圖片的同一套壓縮方式儲存每一格,可選有損(基於 VP8 影片編碼)或無損。它也支援完整的 24 位元色彩與 8 位元 Alpha 色版,因此抖色漸層與鋸齒狀的透明邊緣這兩個 GIF 的典型特徵都會消失。若頁面上有多個動態元素,改用 WebP 是縮短載入時間最輕鬆有效的做法之一。

64%動態 GIF 轉成有損 WebP 後平均縮小的幅度

出自 Google 的 WebP 比較;無損 WebP 則縮小 19%。

哪些瀏覽器支援播放動態 WebP

  1. 2014

    Chrome 32

    Chrome 加入動態 WebP 播放,是第一個支援的主要瀏覽器。

  2. 2018

    Edge 18

    舊版 Edge 開始支援 WebP;之後以 Chromium 為基礎的 Edge 沿用 Chrome 的支援。

  3. 2019

    Firefox 65

    Firefox 在所有桌面平台支援 WebP,包括動態檔案。

  4. 2020

    Safari 14

    iOS 14 與 macOS Big Sur 上的 Safari 加入 WebP,主要瀏覽器至此全面支援。

GIF

Graphics Interchange Format

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

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

WEBP

WebP 圖片

WebP 是 Google 於 2010 年推出的圖片格式,目的是讓網頁載入更快。它在同一種格式中同時支援有損與無損壓縮、Alpha 透明度與動畫。在視覺品質相近時,有損 WebP 檔案通常比 JPEG 小 25–35%,無損 WebP 通常也比 PNG 小。目前所有主流瀏覽器都支援,但部分較舊的桌面軟體、列印服務與上傳表單仍然不接受。Windows、macOS 與多數新型圖片編輯軟體都能開啟 WebP 檔案。

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

GIF 轉 WebP 是為了讓網站或貼圖包中的動畫更輕巧,同時保持動態;WebP 轉回 GIF 則只用於無法播放動態 WebP 的 App 與論壇。

哪些情況應該保留 GIF 版本

電子郵件是主要的例外。許多郵件用戶端會封鎖 WebP 或只顯示破圖,而 GIF 動畫在大多數郵件用戶端都能運作,因此電子報動畫應繼續使用 GIF。部分論壇、聊天 App 與舊版 CMS 媒體庫也接受 GIF 上傳,卻拒絕 .webp 檔案。

如果是發布到自己的網站,請使用 WebP,GIF 只留作來源檔。若之後有人需要把動畫放到不接受 WebP 的地方,可用 WebP 轉 GIF 轉回去,但會再次受到 256 色的限制。

GIF 轉 WebP 常見問題

轉成 WebP 後還會保留 GIF 的動畫嗎?

可以。WebP 原生支援動畫,每一格畫面與其顯示時間都會保留,播放效果和原本的 GIF 相同。輸出是單一的 .webp 檔案,不是一個裝滿畫面的資料夾。

動態 WebP 比 GIF 小多少?

在 Google 對大量動態 GIF 的比較中,有損 WebP 比 GIF 小 64%,無損 WebP 小 19%。實際結果取決於內容:真實影片片段縮小最多,小型像素風循環動畫縮小最少。

可以用 GIF 製作 WhatsApp 貼圖嗎?

WhatsApp 的動態貼圖是 512 × 512 px 的動態 WebP 檔案,且必須小於 500 KB。請在進階設定中將 GIF 寬度調整為 512 px,轉換後若檔案仍超過限制,再調低品質。接著可用貼圖製作 App 將檔案打包成貼圖包。

Telegram 動態貼圖是 WebP 檔案嗎?

不行。Telegram 的靜態貼圖使用 WebP 或 PNG,但動態貼圖是以向量動畫製成的 TGS 檔案,影片貼圖則是 WEBM。由 GIF 轉出的 WebP 在那裡只能當作靜態貼圖使用。

WebP 會保留 GIF 的透明背景嗎?

可以,而且效果更好。GIF 只有一種完全透明的顏色,曲線邊緣會出現鋸齒。WebP 具備完整的 Alpha 色版,透明區域會維持透明,周圍也不會多出任何東西。

是不是該改把 GIF 轉成影片?

如果片段長達數秒以上,通常是的。MP4 還會更小,且可使用播放控制;請用 GIF 轉 MP4。WebP 適合保留給必須在 <img> 標籤或貼圖中靜音自動播放的短循環動畫。