什麼是圖片轉 AVIF？
將 JPEG、PNG、WebP 和 HEIC 圖片轉換為 AVIF 格式，檔案大小大幅縮減，畫質幾乎不變。AVIF 比 JPEG 壓縮效率高出約 50%，頁面載入更快。
AVIF 把 AV1 視訊壓縮技術用於影像，同樣畫質下檔案約比 JPEG 小 50%，多數照片上又比 WebP 再縮 20–30%。品質滑桿（0–100）控制壓縮強度；可讀取 JPEG、PNG、WebP、GIF、HEIC、HEIF（iPhone 照片亦可），全部在本頁本地編碼，下載前就能看到節省了多少體積。轉換後拉動滑桿並點擊「以目前品質重新轉換全部」即可用新品質一鍵重新編碼所有圖片；想直接貼進設計軟體，也能把成品一鍵複製到剪貼簿。
使用方法
- 步驟一 — 將一張或多張圖片拖入上傳區域，支援 JPEG、PNG、WebP、GIF，以及 iPhone 和現代 Android 相機直接拍出的 HEIC、HEIF 照片。
- 步驟二 — 調整品質滑桿以平衡檔案大小與圖片品質，預覽區域即時顯示壓縮效果。
- 步驟三 — 單獨下載各張 AVIF 檔案，或一次下載全部轉換後的圖片，每張圖片均顯示節省的檔案大小。
何時使用
- 壓縮攝影作品集或電商商品圖,降低網頁總重量。
- 處理網站主視覺,改善 LCP(最大內容繪製)指標。
- 歸檔 JPEG 照片庫,佔用更少硬碟空間又看不出畫質差異。
結果
一位網頁開發者上傳了一張 2.4 MB 的產品圖（JPEG）。品質設為 75 後，AVIF 輸出僅 380 KB，縮減了 84%，畫質無肉眼可見差異。頁面載入明顯更快。
常見問題
- AVIF 真的能在訪客的所有瀏覽器中正常顯示嗎?
- Chrome 85+、Firefox 93+、Edge 121+ 與 Safari 16.4+ 都可解碼 AVIF,覆蓋全球約 95% 的流量。對更舊的瀏覽器,搭配 picture 元素加上 JPEG 後備,即可自動回退到舊檔案。
- 網頁照片該設定多少品質?
- 照片品質設在 70–80 為甜蜜點:比 JPEG 90 縮約 75%,肉眼幾乎看不出差別。縮圖用 60,需要近乎無損時用 90。節省比例會即時顯示。
- 為什麼第一次轉換感覺比較慢?
- 首次轉換會下載一次性約 1.5 MB 的 WebAssembly 編碼器，所以會有短暫等待。之後整個工作階段都會被快取，後續圖片可以立即完成。AVIF 本身比 JPEG 更耗 CPU，因此 4K 照片即使在快速電腦上也可能要花幾秒鐘。
- AVIF 像 PNG 一樣支援透明嗎?
- 支援。AVIF 保留 alpha 通道,因此帶有透明背景的 PNG 輸出後仍保持透明。透明區域的壓縮效率非常高,通常比相同 PNG 小約 90%。
- AVIF 和 HEIC 是同一種格式嗎?
- 兩者共用同一個容器(HEIF),但編碼器不同。HEIC 使用 HEVC、涉及專利費;AVIF 使用 AV1、免版稅,更適合開放的 Web。AVIF 在照片上的壓縮率也略佔上風。