格式比較
AVIF 與 WebP：你該用哪個新世代圖片格式？
AVIF 與 WebP 都以明顯的幅度勝過 JPEG 和 PNG，但兩者在壓縮與速度的取捨上有所不同。AVIF 的壓縮比 JPEG 好上多達 50%；WebP 大約落在好 25% 到 35%，且編碼快得多。對於你能掌控的網頁，AVIF 值得那段編碼等待；而在任何傳輸速度比每一 KB 都更重要的場合，WebP 才是務實的選擇。
WebP 最擅長什麼
WebP 由 Google 設計，作為 JPEG 與 PNG 在網頁上的無痛升級替代。在相同視覺畫質下，它產生的檔案比 JPEG 大約小 25% 到 35%，支援透明與動畫，且自 2020 年起就獲所有主流瀏覽器支援。編碼很快：一整批照片只需幾秒就能轉成 WebP。紮實的壓縮、廣泛的支援與快速的編碼這三者的組合，使 WebP 成為當今網頁圖片安全的預設選擇。
AVIF 最擅長什麼
AVIF 以 AV1 影片編解碼器為基礎，在相同視覺畫質下，其壓縮通常比 JPEG 好 50%，也明顯優於 WebP。它在處理平滑漸層與細緻細節時，也比 WebP 更乾淨，在有損格式中於高對比邊緣周圍出現的振鈴雜訊更少。自 2023 年底起，瀏覽器支援已涵蓋所有主流瀏覽器。真正的代價是編碼時間：AVIF 要花上數分鐘，而 WebP 只要幾秒，因此它最適合那些壓縮一次、卻被提供許多次的圖片，例如主視覺圖與產品照。
如何抉擇，並在你的瀏覽器中測試兩者
務實的做法是用你自己的圖片同時試兩者，再比較結果。把同一張照片拖進圖片壓縮器，分別匯出一次 WebP 與一次 AVIF，再把檔案大小與視覺畫質並排比較。這個壓縮器完全在你的瀏覽器中執行：你的檔案絕不離開你的裝置。對於每一 KB 都影響頁面速度分數的網站主視覺圖或產品圖庫，AVIF 值得那段額外的編碼時間。對於需要快速處理大量圖片的使用者上傳內容，WebP 才是正確的取捨。
本指南使用的工具
常見問題
我可以不附 WebP 後備就使用 AVIF 嗎？
對於鎖定現代瀏覽器的新網頁，可以。截至 2023 年底，AVIF 已在 Chrome、Firefox、Safari 與 Edge 中獲得支援，這涵蓋了絕大多數的網頁流量。如果你的受眾包含舊版瀏覽器，或某些你無法確認的行動 webview，在 picture 元素中提供 WebP 後備就是穩妥的做法：瀏覽器會挑選它支援的第一個格式，並忽略其餘。
透明圖片應該用哪個格式？
兩者都支援透明。在相同畫質下，AVIF 處理透明的壓縮略優於 WebP。如果透明圖片是出現在許多頁面上的標誌或介面元素，AVIF 能省下相當可觀的位元組。若編碼速度是個限制，透明的 WebP 仍是極佳的結果，也是批次處理時務實的選擇。