使用方法
- 貼上 Base64 字串或 data:image/avif;base64 URI。
- 檢視預覽、識別出的格式和尺寸。
- 想原樣儲存 AVIF,請選擇「原始檔案」。要轉換其他格式,保持 AVIF 選中即可;如果瀏覽器無法編碼 AVIF,該選項不可用。
- 下載 .avif 檔案。
AVIF 資料的特徵
AVIF 用 AV1 影片編碼壓縮圖片,並存放在 HEIF 容器中,這種容器與 MP4 同屬 ISO 基礎媒體檔案格式。它沒有 PNG 那樣簡短固定的簽名,而是以一個 ftyp 盒子開頭,其中標明品牌 avif(動畫序列為 avis)。反映到 Base64 上,字串通常以 AAAA 開頭,幾個字元之後會出現 eXBhdmlm。本工具會直接讀取這個盒子,因此能把 AVIF 與使用同一容器、但品牌不同的 HEIC 區分開。MIME 型別為 image/avif。
能否轉換為 AVIF 取決於瀏覽器
最新版本的 Chrome、Edge、Firefox 和 Safari 都能顯示 AVIF,所以預覽和儲存原始檔案幾乎在任何地方都沒問題。生成新的 AVIF 檔案則不同:轉換使用的是瀏覽器自帶的編碼器,而並非所有瀏覽器都能從畫布匯出 AVIF。工具會檢測你的瀏覽器能否做到,如果不支援 AVIF 編碼,該選項將不可用,此時最接近的替代格式是 WebP。你也可以先下載 PNG,再用 libavif 中的 avifenc 等專用工具編碼。
什麼時候值得使用 AVIF
在相同的視覺品質下,AVIF 的檔案往往比 JPEG 和 WebP 更小,照片尤其明顯,同時支援透明、高位深和 HDR。缺點是編碼較慢,一些舊版圖片編輯器和作業系統仍然無法開啟。對於圖示這類很小的圖片,容器本身的開銷可能抵消壓縮優勢,PNG 或 WebP 反而更小。在網站上使用 AVIF 時,請提供備用格式,確保每位訪客都能看到圖片:
<picture>
<source srcset="photo.avif" type="image/avif">
<img src="photo.jpg" alt="圖片說明">
</picture>
常見問題
為什麼 AVIF 下載選項不可用?
你的瀏覽器能顯示 AVIF,但無法從畫布編碼 AVIF。可以換用其他最新版瀏覽器,改選 WebP,或者先下載 PNG,再用桌面編碼器轉換。
為什麼 AVIF 沒有預覽?
較舊的瀏覽器或作業系統可能無法解碼 AVIF。資料也可能是 HEIC,它與 AVIF 結構相似,但品牌不同,看識別出的格式就能區分。無論哪種情況,都可以用「原始檔案」格式下載。
AVIF 一定比 WebP 小嗎?
多數情況下更小,但並非絕對。結果取決於圖片內容和編碼參數,建議比較下載後文件的實際大小。