AVIF 轉 WebP 轉換器
AVIF 是較新的網頁格式，檔案通常也更小，但 WebP 能支援更多裝置與內容管理系統。網站必須在舊款 iPhone 和 Mac 上正常顯示，或 CMS 不接受上傳時，就把 AVIF 轉成 WebP，同時保有現代化的壓縮效率與透明背景。
圖片轉換器
或將JPG, JPEG, JPE … 檔案拖曳到這裡 ·
每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除
檔案會在我們的伺服器上處理，並於 30 分鐘後刪除。
85 可讓照片在視覺上與原圖幾乎相同。只有需要更小的檔案時才調低。
JPG、BMP 和 EPS 不支援透明。透明的像素會以此顏色填滿。
用於透明像素後方的十六進位色碼,例如 #FFFFFF。
此格式只能存放單張圖片。若要保留動畫,請選擇輸出 GIF 或 WebP。
多尺寸圖示會在一個檔案中包含多種解析度,瀏覽器和作業系統會自行選用需要的尺寸。
保留原始尺寸,或輸入其中一邊,系統會維持長寬比。
上方所選邊的像素值。
相對於原始尺寸的百分比。
sRGB 適合螢幕和網頁。印刷流程請保留原始設定;灰階會捨棄顏色。
僅為中繼資料,0 表示保留原始值。印表機和部分入口網站會讀取此數值;不會改變像素尺寸。
使用方式
- 1
加入 AVIF 圖片
上傳最多 20 個 .avif 檔案，每個最大 95 MB，來源可以是設計稿匯出、圖片 CDN 下載或網站備份。
- 2
選擇有損或無損
品質預設為 85，適合原本就是有損 AVIF 的照片。只有在處理純色圖形，或原本就以無損儲存的 AVIF 時，才需要在進階設定中勾選無損。
- 3
按下「轉換為 WebP」
可逐一下載 WebP，也可下載單一 ZIP。透明區域會保持透明，檔案會在 30 分鐘後刪除。
簡短回答：當瀏覽器、外掛或主機不支援 AVIF 時，請以品質 85 將 AVIF 轉為 WebP。你會損失一點壓縮效率，但能保留透明度，且檔案幾乎能在所有現役裝置上載入。
2026 年為什麼還要把 AVIF 轉成 WebP
AVIF 由 Alliance for Open Media 於 2019 年發布，將 AV1 影片編解碼器用於靜態圖片。在相同視覺品質下，檔案通常比 WebP 更小，尤其是漸層平滑的照片。不過支援是分階段到來的：Chrome 85（2020 年）、Firefox 93（2021 年）、Safari 直到 2022 年的 16 版才支援，且在 16.4 之前仍有缺漏，Edge 則遲至 2024 年 1 月的 121 版。
WebP 由 Google 於 2010 年推出，自 2020 年 Safari 14 起，所有主流瀏覽器都能顯示。停留在 iOS 15 的手機，例如 iPhone 7 和 6s，能顯示 WebP 但不能顯示 AVIF。如果 AVIF 在你無法升級的環境中顯示失敗，WebP 就是最接近的退而求其次選擇。想了解更多取捨，請參閱 AVIF、HEIC 與 WebP 比較說明。
AVIF 與 WebP 在瀏覽器和 WordPress 的支援度比較
| from ↓ · to → | AVIF | WebP |
|---|---|---|
| Chrome 85+ | Chrome 85+ to AVIF: yes | Chrome 85+ to WebP: yes |
| Firefox 93+ | Firefox 93+ to AVIF: yes | Firefox 93+ to WebP: yes |
| Safari 16.4+ | Safari 16.4+ to AVIF: yes | Safari 16.4+ to WebP: yes |
| Safari 14–16.3 | – Safari 14–16.3 to AVIF: no | Safari 14–16.3 to WebP: yes |
| Edge 121+ | Edge 121+ to AVIF: yes | Edge 121+ to WebP: yes |
| Edge 18–120 | – Edge 18–120 to AVIF: no | Edge 18–120 to WebP: yes |
| WordPress 5.8–6.4 | – WordPress 5.8–6.4 to AVIF: no | WordPress 5.8–6.4 to WebP: yes |
| WordPress 6.5+ | WordPress 6.5+ to AVIF: yes | WordPress 6.5+ to WebP: yes |
AVIF
AV1 影像檔案格式
AVIF 以 AV1 視訊編碼壓縮靜態影像與影像序列，由開放媒體聯盟於 2019 年定案。在相同視覺品質下，檔案通常比 JPEG 與 WebP 更小，並支援透明度、動畫、廣色域與 HDR。編碼速度比舊格式慢，在低品質設定下，極細緻的紋理可能顯得被抹平。目前所有主流瀏覽器都能顯示 AVIF，但許多桌面應用程式、社群平台與舊裝置無法開啟。
- 壓縮方式
- 有損或無損
- 透明度
- 支援
- 動畫
- 支援
- 推出年份
- 2019 · Alliance for Open Media
WEBP
WebP 圖片
WebP 是 Google 於 2010 年推出的圖片格式，目的是讓網頁載入更快。它在同一種格式中同時支援有損與無損壓縮、Alpha 透明度與動畫。在視覺品質相近時，有損 WebP 檔案通常比 JPEG 小 25–35%，無損 WebP 通常也比 PNG 小。目前所有主流瀏覽器都支援，但部分較舊的桌面軟體、列印服務與上傳表單仍然不接受。Windows、macOS 與多數新型圖片編輯軟體都能開啟 WebP 檔案。
- 壓縮方式
- 有損或無損
- 透明度
- 支援
- 動畫
- 支援
- 推出年份
- 2010 · Google
人們把 AVIF 轉成 WebP，是為了保留現代壓縮效率與透明度，同時相容仍無法處理 AVIF 的瀏覽器、手機和 CMS 主機；WebP 轉 AVIF 則相反，是在所有訪客都能解碼之後進一步節省檔案大小。
AVIF 轉成 WebP 後會有哪些改變
WebP 的優點
- 可在較舊的 Safari、Edge 和 iOS 15 裝置上顯示
- WordPress 5.8 起即可接受，幾乎任何主機都能用
- 保留 Alpha 色版
- 在低階手機上編碼與解碼更快
你需要放棄的
- 檔案通常比 AVIF 略大
- 僅支援 8 位元，HDR 和 10 位元 AVIF 會被壓平
- 有損來源會經過第二次有損編碼
AVIF 轉 WebP：品質與無損設定
請依 AVIF 的製作方式選擇設定。網路上多數 AVIF 是有損照片，所以用品質 85 的有損 WebP，既能維持視覺效果，檔案又輕。純色、文字或邊緣銳利的圖形最適合無損，因為 WebP 的無損模式正是為這類圖片設計的。
HDR 和 10 位元 AVIF 會被色調對應為 8 位元，因為 WebP 不支援更高的位元深度。用於網頁時，請將色彩空間保持為 sRGB。如果要為 <picture> 元素建立備援組合，請把原始 AVIF 與 WebP 一併保留；若頁面兩種格式都不需要，AVIF 轉 PNG 可完整保持無損。
AVIF 轉 WebP 常見問題
AVIF 檔案比較小，為什麼還要轉成 WebP？
因為檔案再小，無法顯示就沒有用。16.4 之前的 Safari、無法升級到 iOS 15 以後的 iPhone、121 之前的 Edge，以及許多 WordPress 主機，不是不支援 AVIF，就是只能部分處理。WebP 在這些環境都能正常顯示，檔案也比 JPG 或 PNG 輕得多。
AVIF 轉 WebP 會降低畫質嗎？
有損 AVIF 再編碼為有損 WebP，會經過第二次壓縮，因此會損失少許細節。在品質 85 下，照片的差異很難看出來。把有損 AVIF 轉成無損 WebP 並不會找回細節，只會讓檔案大很多。
AVIF 轉 WebP 什麼時候該勾選「無損」？
當 AVIF 本身就是無損，或是標誌、圖表、介面截圖這類純色圖形時。無損 WebP 能精確又精簡地儲存這些內容。至於一般照片，建議使用 80 到 90 的有損 WebP。
透明背景的 AVIF 轉成 WebP 後還會是透明的嗎？
可以。兩種格式都支援完整的 Alpha 色版，所以商品去背圖和標誌會保留透明背景，不需要填色。
為什麼 WordPress 不接受我上傳的 AVIF？
WordPress 在 2024 年的 6.5 版加入 AVIF 支援，但前提是伺服器的圖片函式庫能處理 AVIF。在較舊的 WordPress 版本，或 GD、Imagick 版本不支援 AVIF 的主機上，上傳會失敗。WebP 從 5.8 版起就能接受，幾乎所有主機都能處理。
AVIF 和 WebP 應該同時提供嗎？
如果你能控制 HTML，答案是可以：在 <picture> 元素中先列出 AVIF，再列出 WebP，瀏覽器會選擇第一個支援的格式。轉換後就能得到這個 WebP 備援檔。如果應用程式兩者都不需要，請使用 AVIF 轉 JPG。