目錄
對正常優化後仍過重的圖片使用 AVIF。
本頁聚焦攝影類網站圖片,不談格式細節。想想大型主視覺、登陸頁照片、文章插圖及仍過重的首屏重要圖片。
AVIF 不是預設格式,也不適用於網站所有圖片。 適用於少數大型高影響力圖片,強壓縮值得額外編碼時間與快速品質檢查。
若您想了解尺寸、傳遞與元資料的整體網站策略,請搭配使用 網站圖片優化指南 . 本頁專注於 AVIF 特殊案例。
快速回答
當大型攝影圖片需要比一般 WebP 更強壓縮時,將 JPEG 轉成 AVIF。
挑選重要的大型圖片,桌面批次匯出,檢視品質後發布較小檔案。不要將所有網站資產都轉成 AVIF。
轉換 JPEG 為 AVIF 時會有什麼改變
實務上,AVIF 在大型攝影圖片上通常比 JPEG 檔案更小,但編碼時間較長,且需更重視品質檢查。
- 主要優勢是大型照片的強力壓縮。
- 主要代價是比日常 WebP 匯出更慢的速度。
- 因此 AVIF 適用於特定圖片,而非預設套用所有檔案。
何時 JPEG 轉 AVIF 真正值得
當節省位元組比簡化流程更重要時使用 AVIF,通常是少數重要圖片,而非所有資產。
- 提升最大內容繪製(LCP)的主視覺圖片。
- 正常優化後仍過重的大型登陸頁照片。
- 檔案明顯過大的重要文章插圖。
- 值得用較慢匯出換取更強壓縮的高價值攝影資產。
何時 JPEG 轉 AVIF 不是最佳選擇
這是許多文章忽略的部分。AVIF 有用,但不應成為預設,也不該因格式存在而濫用於低影響力圖片。
- WebP 已能良好處理的日常網站圖片。
- 節省空間有限、對頁面重量影響小的小型圖片。
- 截圖、圖表、標誌及介面圖形應使用 PNG、SVG 或 WebP。
- 任何未經轉換後視覺檢查的圖片。
緩慢的瀏覽器工具版本,以及它如何破壞工作流程
瀏覽器版本總是相同的問題。 上傳 JPEG,等待 AVIF 輸出,下載後再處理下一張重要圖片。
這種流程偶爾可行,但若優化大量重要圖片卻拖慢發布流程,則成為不良習慣。
額外交接
在真正發布前增加不必要的瀏覽器往返,對選擇性圖片準備不合適。
先增加摩擦
編碼變慢感受更差
AVIF 本身比日常 WebP 更講究,瀏覽器等待讓速度變慢感覺更脫節。
時間流失
重複清理
下載、命名清理與反覆往返,讓專注優化變成額外工作。
打斷流程
選擇性桌面工作流程:實際運作方式
實用版本是選擇性且本地化的。 不轉換所有圖片,只挑重要大型 JPEG 批次匯出,檢視後發布較小檔案。
- 找出仍主導頁面重量的大型 JPEG 圖片。
- 一次性將選定圖片轉成 AVIF。
- 檢視最重要圖片的品質。
- 發布較小檔案,日常資產維持使用簡單的 WebP。
若想了解本地與線上工具的整體選擇,請參考 最佳網頁圖片轉檔指南 涵蓋更廣泛的工作流程問題。
Windows 使用者的桌面工作流程
在 Windows 上,理想設定是將 AVIF 當作針對特定網站圖片的優化步驟,而非新奇功能。
Pixel Press 專為此類選擇性批次工作設計。
AVIF 與 WebP 在此特定情境下的比較
規則簡單:WebP 是日常網站發布的預設格式,AVIF 是針對大型攝影圖片的特殊格式,值得較慢編碼與快速檢視。
WebP
用於日常圖片準備、例行網站更新及需快速發布的資產。
速度與日常
AVIF
用於大型攝影圖片,強壓縮能顯著減輕頁面重量。
優先壓縮
若目標是日常轉換速度而非最大節省,請參考 JPG 轉 WebP 伴侶指南 是更適合的後續閱讀。
快速檢查清單
- 選擇 AVIF 用於少數壓縮效益明顯的大型攝影圖片。
- 維持 WebP 為一般網站圖片的預設格式。
- 發布重要圖片前請先檢視 AVIF 輸出品質。
- 不要盲目將 AVIF 設為頁面所有資產的預設格式。
結論
AVIF 不適用於所有圖片,但對部分大型網站照片非常合適。
針對大型主視覺與重要登陸頁圖片選擇性使用 AVIF,強壓縮值得額外步驟。日常工作維持 WebP,本地處理,讓 AVIF 成為目標優化而非普遍規則。
