今天網頁上的照片主要由三種格式主導:經典的 JPEG、支援度廣的 WebP,以及新星 AVIF。它們做同一件事——壓縮照片——但效率差很多。以下是它們的對決。
這件事我們自己測過。 在我們自己的轉換器上,一張已經存成 JPG 的照片再轉 WebP 只省了 9%(330.2 KB → 301.9 KB)——能榨的不多了。但一張「被存成 JPG 的截圖」卻省了 84%,45.3 KB 掉到 7.3 KB。AVIF 一開始量不了,因為瀏覽器 canvas 無法編碼它 —— 後來我們用 ffmpeg 加 libaom-av1 產生了測試檔,而結果是整張表裡最懸殊的:1200 × 800 的介面截圖用 AVIF 只要 1,472 位元組,而從它轉出去的每一種格式都變大,最少 92%、最多 2704%。 看完整實測數據
壓縮率與畫質
在相同視覺畫質下,檔案大小通常排序如下:
- AVIF——最小,常比 JPEG 小 30–50%。
- WebP——中間,通常比 JPEG 小 25–35%。
- JPEG——最大,但仍然完全堪用。
AVIF 對深色漸層與平面色塊也處理得更好(較少色帶),而且 AVIF 與 WebP 都支援透明,JPEG 則沒有。
瀏覽器與軟體支援
這裡順序反過來:
- JPEG——到哪都能開,永遠。
- WebP——所有現代瀏覽器都支援;現在用在網頁很安全。
- AVIF——新版 Chrome、Edge、Firefox、Safari 支援,但較舊的裝置與許多桌面軟體仍打不開。
該用哪一個?
- 你自己的網站:上 AVIF 或 WebP 求速度,並備 JPEG 給舊瀏覽器。
- 要傳給別人的檔案:JPEG(或 PNG),到哪都能開。
- 需要透明:WebP 或 AVIF(或 PNG);絕不用 JPEG。
- 相容性比大小重要:JPEG。
JPEG vs PNG 的取捨見 PNG 與 JPG。
這個順序是穩定的,但差距的大小不是 —— 而該驅動決策的是差距。照片會把差距縮小很多;截圖會把它拉開到上面那些數字。所以誠實的規則不是「永遠用 AVIF」,而是:內容平坦或合成的地方送 AVIF,而把 43.7 KB 當成「你還是得出的那個 JPEG 後備」的代價。
免費互轉,不上傳
全部在你的瀏覽器本機執行:
- PNG 轉 WebP、JPG 轉 WebP——更小的現代網頁圖片。
- AVIF 轉 WebP、AVIF 轉 JPG——開啟或重新封裝 AVIF。
- 壓縮圖片——把任何格式再壓小。
原則:自己的站用 AVIF 或 WebP,要把檔案交給別人時用 JPEG。
一張表看懂差異
| 特性 | JPEG | WebP | AVIF |
|---|---|---|---|
| 相對 JPEG 的大小 | 基準 | 約小 25–35% | 約小 30–50% |
| 透明(alpha) | 不支援 | 支援 | 支援 |
| 動畫 | 不支援 | 支援 | 支援 |
| 無損模式 | 實務上沒有 | 有 | 有 |
| 色彩位元深度 | 8-bit | 8-bit | 可達 10/12-bit、支援 HDR |
| 最大尺寸 | 65,535 px | 16,383 px | 非常大 |
| 編碼速度 | 快 | 快 | 較慢(吃 CPU) |
| 支援度 | 到處都能開 | 所有現代瀏覽器 | 較新的瀏覽器才行 |
要把三個編碼排出高下,最清楚的方式是從最小的那個出發,看另外兩個各收多少錢。我們那張 1200 × 800 的介面截圖在 AVIF 是 1.4 KB;下面是同一張圖離開它:
| 轉換 | AVIF 輸入 | 結果 | 變化 |
|---|---|---|---|
| AVIF → JPG | 1.4 KB | 43.7 KB | +2942% |
| AVIF → WebP | 1.4 KB | 6.9 KB | +378% |
| AVIF → PNG | 1.4 KB | 36.5 KB | +2442% |
同樣一張看得見的圖,WebP 要 6.9 KB(+378%)、JPG 要 43.7 KB(+2942%)。在截圖上這個差距最大,因為平坦區域和一像素的硬邊,正好是 AVIF 最擅長、JPEG 最不擅長的東西。
常見誤解
- 「AVIF 一定最小。」 通常是,但不是每張圖都如此。小圖示、平面圖形、邊緣銳利的截圖上,無損 WebP 或 PNG 可能打平甚至勝出;而在極高畫質下,AVIF 的優勢會縮小。
- 「把 JPEG 轉成 AVIF 會變更清晰。」 不會。重新編碼救不回原本 JPEG 已經捨棄的細節,你改變的只是封裝格式與檔案大小。
- 「WebP 什麼解析度都吃。」 並不是。WebP 每邊最多 16,383 像素,超大全景照或掃描的畫作可能得改用 JPEG 或 AVIF。
常見問答
AVIF 一定比 WebP 好嗎?
就照片而言,AVIF 在同畫質下通常更小,還多了 HDR。代價是編碼較慢、支援度略窄,所以很多網站仍出 WebP——或用 AVIF 搭配 WebP 退路。
2026 年還需要 JPEG 嗎?
需要。要用 email 寄送、要列印、或要上傳到較舊系統的檔案,JPEG 仍是最安全的選擇。
大量產生時哪個最快?
JPEG 與 WebP 編碼很快;AVIF 明顯較慢,當你一次要處理成千上萬張圖時,這點就很重要。