AVIF 輸出會在瀏覽器 Web Worker 中從解碼後的 bitmap 產生。品質選單會調整編碼品質,最大寬度選項則可在編碼前縮小大型原圖,讓你在檔案大小與細節之間取捨。
這是單檔瀏覽器轉檔工具,不是伺服器端 AV1 pipeline。若瀏覽器無法解讀輸入檔,或無法透過 OffscreenCanvas 編碼 image/avif,轉檔可能失敗或比 JPG/WebP 更久;上線使用時仍應替舊裝置準備 WebP 或 JPG 退路。
關於這個主題的常見疑問與實用解答。
不會。所有轉檔皆在瀏覽器端透過 Web Worker 完成,圖片完全不會離開你的裝置。
AVIF 採用 AV1 編碼,同等品質下檔案通常比 JPG 小 50%、比 WebP 小 20%。部分 AVIF 流程可承載廣色域或 HDR 資料,但本工具聚焦瀏覽器 bitmap 轉檔;需要色彩管理或 HDR 的正式素材,請再用你的 production pipeline 驗證。代價是編碼較慢,且 2022 年以前的舊瀏覽器無法顯示 AVIF,因此最適合效能優先且可透過 <picture> 退回 WebP/JPG 的網站。
AVIF 已由 Chrome 85+、Firefox 93+、Safari 16.4+、Edge 121+ 支援。舊版瀏覽器(IE、Safari 16.4 之前)無法顯示。為了最大相容性,建議透過 <picture> 元素提供 AVIF 並搭配 WebP 與 JPG 退路。