GIF 轉 WebP 轉換器
動態 GIF 以呈現的內容來說檔案實在太大。把 GIF 轉成 WebP 會保留每一格畫面與播放時間,但改用新式壓縮儲存,同樣的動畫通常只需要原本一小部分的檔案大小。
圖片轉換器
或將JPG, JPEG, JPE … 檔案拖曳到這裡 ·
每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除
檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。
85 可讓照片在視覺上與原圖幾乎相同。只有需要更小的檔案時才調低。
JPG、BMP 和 EPS 不支援透明。透明的像素會以此顏色填滿。
用於透明像素後方的十六進位色碼,例如 #FFFFFF。
此格式只能存放單張圖片。若要保留動畫,請選擇輸出 GIF 或 WebP。
多尺寸圖示會在一個檔案中包含多種解析度,瀏覽器和作業系統會自行選用需要的尺寸。
保留原始尺寸,或輸入其中一邊,系統會維持長寬比。
上方所選邊的像素值。
相對於原始尺寸的百分比。
sRGB 適合螢幕和網頁。印刷流程請保留原始設定;灰階會捨棄顏色。
僅為中繼資料,0 表示保留原始值。印表機和部分入口網站會讀取此數值;不會改變像素尺寸。
使用方式
- 1
上傳 GIF 檔案
最多可新增 20 個動態或靜態 GIF,每個檔案最大 95 MB。
- 2
選擇有損或無損
品質設為 80 可節省最多空間。像素風或純色動畫若必須保持精確,請在進階設定中勾選無損。
- 3
轉換並檢查
按下「轉換為 WebP」,下載檔案,再用瀏覽器播放其中一個,確認動畫正常。
GIF 轉 WebP,減輕動畫檔案大小
GIF 設計於 1987 年,原本用於透過數據機傳輸靜態圖形,動畫是後來才加入的。每一格都以 LZW 壓縮儲存,顏色限制為 256 色,除了讓像素保持不變之外,無法重複利用前一格的相似內容。一段三秒的反應動圖很容易就有好幾 MB。
動態 WebP 以 WebP 處理靜態圖片的同一套壓縮方式儲存每一格,可選有損(基於 VP8 影片編碼)或無損。它也支援完整的 24 位元色彩與 8 位元 Alpha 色版,因此抖色漸層與鋸齒狀的透明邊緣這兩個 GIF 的典型特徵都會消失。若頁面上有多個動態元素,改用 WebP 是縮短載入時間最輕鬆有效的做法之一。
64%動態 GIF 轉成有損 WebP 後平均縮小的幅度
哪些瀏覽器支援播放動態 WebP
2014
Chrome 32
Chrome 加入動態 WebP 播放,是第一個支援的主要瀏覽器。
2018
Edge 18
舊版 Edge 開始支援 WebP;之後以 Chromium 為基礎的 Edge 沿用 Chrome 的支援。
2019
Firefox 65
Firefox 在所有桌面平台支援 WebP,包括動態檔案。
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
WEBP
WebP 圖片
WebP 是 Google 於 2010 年推出的圖片格式,目的是讓網頁載入更快。它在同一種格式中同時支援有損與無損壓縮、Alpha 透明度與動畫。在視覺品質相近時,有損 WebP 檔案通常比 JPEG 小 25–35%,無損 WebP 通常也比 PNG 小。目前所有主流瀏覽器都支援,但部分較舊的桌面軟體、列印服務與上傳表單仍然不接受。Windows、macOS 與多數新型圖片編輯軟體都能開啟 WebP 檔案。
- 壓縮方式
- 有損或無損
- 透明度
- 支援
- 動畫
- 支援
- 推出年份
- 2010 · Google
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> 標籤或貼圖中靜音自動播放的短循環動畫。