AVIF vs WebP vs JPEG:圖片格式對決,誰贏?

今天網頁上的照片主要由三種格式主導:經典的 JPEG、支援度廣的 WebP,以及新星 AVIF。它們做同一件事——壓縮照片——但效率差很多。以下是它們的對決。

壓縮率與畫質

在相同視覺畫質下,檔案大小通常排序如下:

• AVIF——最小,常比 JPEG 小 30–50%。
• WebP——中間,通常比 JPEG 小 25–35%。
• JPEG——最大,但仍然完全堪用。

AVIF 對深色漸層與平面色塊也處理得更好(較少色帶),而且 AVIF 與 WebP 都支援透明,JPEG 則沒有。

瀏覽器與軟體支援

這裡順序反過來:

• JPEG——到哪都能開,永遠。
• WebP——所有現代瀏覽器都支援;現在用在網頁很安全。
• AVIF——新版 Chrome、Edge、Firefox、Safari 支援,但較舊的裝置與許多桌面軟體仍打不開。

細節見 WebP 是什麼 與 AVIF 是什麼。

該用哪一個?

• 你自己的網站:上 AVIF 或 WebP 求速度,並備 JPEG 給舊瀏覽器。
• 要傳給別人的檔案:JPEG(或 PNG),到哪都能開。
• 需要透明:WebP 或 AVIF(或 PNG);絕不用 JPEG。
• 相容性比大小重要:JPEG。

JPEG vs PNG 的取捨見 PNG 與 JPG。

免費互轉,不上傳

全部在你的瀏覽器本機執行:

• PNG 轉 WebP、JPG 轉 WebP——更小的現代網頁圖片。
• AVIF 轉 WebP、AVIF 轉 JPG——開啟或重新封裝 AVIF。
• 壓縮圖片——把任何格式再壓小。

原則:自己的站用 AVIF 或 WebP,要把檔案交給別人時用 JPEG。