媒體處理

2026年正在成為主流的圖片格式,以及它為什麼值得你在意

5 分鐘閱讀
2026年正在成為主流的圖片格式,以及它為什麼值得你在意

JPEG 去年滿 30 歲了。而在這段很長的時間裡,幾乎沒有什麼東西真的對它造成過嚴重威脅。WebP 在 2010 年試過,Google 也大力推過,但多數人只是聳聳肩,JPEG 依然照常存在。PNG 到現在仍然穩穩佔據所有需要透明背景的場景。至於 GIF,更是以一種近乎固執的方式拒絕退場。

但 AVIF 不一樣。它不是瀏覽器廠商勉強塞進相容性清單裡的又一個格式。格式之戰已經結束,AVIF 贏了。這不是炒作,而是數字最後指向的結果。

AVIF 到底是什麼

AVIF 是 AV1 Image File Format 的縮寫。這裡的背景很重要。AV1 最初是為影片打造的,由 Google、Apple、Mozilla、Microsoft、Netflix 和 Amazon 等公司組成的聯盟共同推動。這些公司早就厭倦了持續為 H.264 和 HEVC 支付授權費,於是乾脆合力從零做出一套免權利金編解碼器。這件事花了好幾年,但結果好得出人意料。

後來有人發現一件很簡單的事: 如果把 AV1 影片中的單一畫格擷取出來,存成靜態圖片,它的壓縮效果會強得驚人。遠遠超過 1992 年那套 JPEG 演算法能做到的程度。這就是 AVIF,本質上就是把 AV1 應用到照片上。

數字怎麼看

在一般照片上,AVIF 在相近的視覺品質下,大約能比 JPG 多出 50% 的壓縮效率。不是 10%,不是 15%,而是檔案大小幾乎直接減半。對一個需要提供大量圖片的網站來說,這會直接影響頻寬成本與載入速度。

WebP 是 Google 先前推動的現代圖片格式,它確實也比 JPEG 更好。但在大多數內容上,AVIF 又能再比 WebP 領先大約 30%。如果你已經在用 WebP,心裡想著「這樣就夠了」,那多半還是把一部分效能留在桌上。

除了壓縮表現之外,AVIF 也支援 HDR、廣色域與 alpha 透明。相同檔案大小下,它對文字和銳利邊緣的保留通常也比 JPEG 更好。它也支援動畫,只是實際上在動態內容這件事上,GIF 和 WebP 目前仍然更常見。

為什麼到了 2026 年才真正開始重要

AVIF 大約從 2019 年就存在了。Chrome 很早就支援,Firefox 也跟上。Safari 則慢了不少,而這件事很重要,因為 iPhone 上的 Safari 根本不是什麼小眾瀏覽器。Safari 16 加入支援之後,到 2024 年,Can I Use 顯示的全球瀏覽器覆蓋率已經來到 93%。到了 2026 年初,這個數字突破了 95%。

這就是一個臨界點。到了這裡,網頁開發者終於可以很實際地把它當成主要格式來用,而不用一直擔心 fallback。對非常老的裝置來說,保留一份 JPEG 備案仍然合理,但有了 <picture> 元素,這件事只要設定一次,之後幾乎就能忘掉。

Google PageSpeed Insights 也開始把 JPEG 和 PNG 圖片標記為最佳化機會,並明確推薦 AVIF。如果你在意 Core Web Vitals,而且你確實應該在意,因為它會影響排名,那麼 Google 現在已經相當明顯地把你往這個方向推了。

它目前還不適合哪些地方

電子郵件是最明顯的空白。大多數郵件客戶端都無法顯示 AVIF,而且短期內大概也不會改變。如果你要為電子報或自動化郵件製作圖片,最好還是繼續使用 JPEG 或 PNG。

印刷工作流程也差不多。沖印店與印刷廠通常期待的是 TIFF、PDF 或高品質 JPEG。AVIF 目前還沒有真正進入那個體系。

如果你是攝影師,並且在 Lightroom 或 Capture One 裡管理圖庫,那麼原生匯出 AVIF 的支援仍然不算穩定。你可以透過轉換工具做到,但它還沒有像 JPEG 和 TIFF 那樣自然地融入工作流程。

如果你在經營網站,這代表什麼

如果你使用 Cloudflare 或 Cloudinary 這類 CDN,那很有可能你早就已經在無感地提供 AVIF。這些服務可以透過 Accept 標頭判斷瀏覽器支援什麼格式,然後自動回傳適合的版本。你上傳 JPEG,剩下的事它們會幫你處理。

如果你使用 Next.js,那麼它的 Image 元件從第 13 版開始就已經預設輸出 AVIF。

對其他人來說,最實際的路線也很清楚: 把現有圖片轉成 AVIF,並搭配 JPEG fallback 一起提供。你可以透過 FastConvert 的圖片轉換器批次處理,上傳 JPEG 或 PNG,拿回 AVIF,就這麼簡單。

如果你不是開發者,也需要在意嗎

大多數情況下,其實不需要在操作層面太擔心。如果你是透過 Squarespace、Wix 或搭配現代主題的 WordPress 來管理網站,那麼格式處理這件事正越來越多地被藏到後台。主機或 CDN 通常會替你處理好。

但如果你曾經好奇,為什麼有些網站的圖片載入明顯更快,肉眼看起來品質卻沒差多少,那答案很大一部分通常就在格式選擇。還在提供每張 800KB JPEG 的網站,和提供每張 350KB AVIF 的網站之間,差距會很快累積出來,尤其是在行動裝置上。

JPEG 有過非常長也非常成功的一段時代。它配得上這份壽命。但它作為預設格式的時代正在結束,而接棒的正是 AVIF。

是的。全球瀏覽器支援率已經超過 95%。只要在 picture 元素中為較舊瀏覽器提供 JPEG 或 WebP 備援方案,就足夠穩妥。

在相同檔案大小下,AVIF 通常看起來更好,壓縮瑕疵更少,邊緣也更清晰。在相同畫質下,AVIF 檔案只是更小。

可以。大多數圖片轉換工具現在都已經支援。FastConvert 可以線上完成 AVIF 轉換,不需要安裝任何軟體。

不行。郵件客戶端不支援 AVIF。郵件圖片請繼續使用 JPEG 或 PNG。

在某些情境下,JPEG XL 的壓縮確實優於 AVIF,但到了 2026 年初,瀏覽器支援仍然非常有限。Chrome Canary 在 2025 年末加入了解碼器,但穩定支援大概率要等到 2026 年下半年。現在先用 AVIF,JXL 可以之後再觀察。

分享