AVIF 檔案是以 AV1 Image File Format 儲存的圖片。這是 Alliance for Open Media 制定的開放格式,在畫質相同的情況下,檔案大小通常只有 JPEG 的一半左右。目前所有主流瀏覽器都能顯示 AVIF,但有些軟體還打不開。想在任何地方使用,請先轉成 JPG 或 PNG。
這篇文章說明 AVIF 是什麼、為什麼網站會把圖片存成 AVIF、如何開啟 AVIF 檔案,以及如何轉換。主要資料來自 Alliance for Open Media、MDN 與 caniuse.com,查證時間為 2026 年 10 月。
AVIF 檔案是什麼?
AVIF 是 AV1 Image File Format 的縮寫。它採用影片格式 AV1 的壓縮技術,並把圖片放進 HEIF 容器。iPhone 拍出的 HEIC 照片也是用 HEIF 容器。HEIC 以 HEVC 壓縮圖片,AVIF 則以 AV1 壓縮。
AVIF 檔案可以包含:
- 有損或無損圖片。 有損檔案很小,無損檔案則保留每一個像素。
- 透明度, 和 PNG 一樣。
- HDR 與廣色域, 適合有明亮亮部與豐富色彩的照片。
- 動畫, 和 GIF 一樣。
使用 AVIF 的主要原因是檔案大小。Alliance for Open Media 指出,AVIF 比 JPEG 節省超過 50%,比 WebP 節省超過 30%。MDN 給的數字相同:有損 AVIF 比畫質相近的 JPEG 小約 50%。圖片越小,網頁載入越快。
AVIF 有兩個弱點。一是舊軟體打不開。二是瀏覽器必須等整個檔案下載完才能顯示 AVIF,因為 AVIF 不支援 JPEG 那種漸進式載入。
為什麼圖片會存成 AVIF?
你從網站儲存了一張圖片,結果拿到一個 .avif 檔案。這是網站刻意這樣做的。
瀏覽器每次向網站請求圖片時,都會告知自己能顯示哪些格式。支援 AVIF 的瀏覽器會在請求中帶上 image/avif。許多網站和圖片 CDN 看到後,就會送出 AVIF 版本,因為它比較小。你儲存圖片時,存下的就是網站送來的那個檔案。
所以同一張圖片,在這台電腦上可能存成 JPG,在另一台電腦上卻存成 AVIF。用「另存圖片」無法改變格式,只能在儲存後再轉換檔案。
如何開啟 AVIF 檔案
| 開啟位置 | 支援 AVIF |
|---|---|
| Chrome | 85 版以上 |
| Edge | 121 版以上 |
| Firefox | 93 版以上 |
| Mac 上的 Safari | 16.4 版以上 |
| iPhone 與 iPad | iOS 16 以上 |
| Android | Android 12 以上 |
| Mac 軟體(預覽程式、照片) | macOS 13 Ventura 以上 |
| GIMP | 2.10.22 版以上 |
| Windows 相片 | 不一定。請見下方說明。 |
全球約 96% 的網路使用者使用能顯示 AVIF 的瀏覽器,所以用瀏覽器查看是最簡單的方式。把檔案拖進瀏覽器視窗,或用 Chrome、Edge、Firefox、Safari 開啟即可。
在 Windows 上, 「相片」應用程式可能會要你從 Microsoft Store 安裝 AV1 Video Extension。裝完後如果檔案還是打不開,請改用瀏覽器開啟,或把檔案轉成 JPG。
如何把 AVIF 轉成 JPG 或 PNG
免費的圖片轉檔工具可以直接在瀏覽器裡轉換 AVIF。你的圖片不會離開你的裝置,也可以一次轉換多個檔案。
- 開啟圖片轉檔工具。
- 在格式清單中選擇 JPEG 或 PNG。請先做這一步:轉檔工具會使用你加入檔案時所選的格式。
- 加入你的 AVIF 檔案。可以選擇檔案或資料夾,也可以直接拖曳到頁面上。
- 逐一下載檔案,或打包成一個 ZIP 一次下載。
轉檔工具以品質 82 儲存 JPEG 檔案,也可以儲存成 WebP 和 TIFF。
該選 JPG 還是 PNG? 照片請選 JPG:檔案小,而且每個軟體都能開啟。圖片有透明背景,或有銳利的文字與線條時,請選 PNG。照片存成 PNG 後,檔案通常會比 JPG 大好幾倍。
AVIF、WebP、JPG 與 PNG 比較
| AVIF | WebP | JPG | PNG | |
|---|---|---|---|---|
| 照片檔案大小 | 最小 | 小 | 中 | 大 |
| 透明度 | 有 | 有 | 無 | 有 |
| 動畫 | 有 | 有 | 無 | 僅 APNG |
| 瀏覽器支援 | 96% | 97% | 全部 | 全部 |
用在網站上,AVIF 的檔案最小,WebP 很接近。要傳給別人的檔案,JPG 和 PNG 仍然是最安全的選擇,因為每個軟體、每種裝置都能開啟。照片用 JPG,標誌、螢幕截圖和透明背景的圖片用 PNG。
給開發者:提供 AVIF 並附上備援格式
約 4% 的使用者所用的瀏覽器無法顯示 AVIF,所以 MDN 建議加上備援格式。<picture> 元素會讓瀏覽器選用第一個它能顯示的格式:
<picture>
<source srcset="/images/lake.avif" type="image/avif" />
<source srcset="/images/lake.webp" type="image/webp" />
<img src="/images/lake.jpg" alt="A mountain lake at sunrise" width="1200" height="800" />
</picture>
支援 AVIF 的瀏覽器會載入 lake.avif,其他瀏覽器則載入 WebP 或 JPG。<img> 標籤為所有瀏覽器保留 alt 文字與尺寸。
許多圖片 CDN 會替你處理這件事:它們讀取請求中的 image/avif,只把 AVIF 送給能顯示的瀏覽器。這也是你儲存的圖片會變成 AVIF 檔案的原因。
如果你的應用程式會自己產生圖片,例如社群分享圖、商品橫幅或證書,Bannerify 會把每個範本渲染成 PNG、JPEG 或 WebP,格式在每次 API 請求中指定。PDF 則由另一個端點產生。生成圖片說明了請求的寫法。社群分享圖的尺寸和 meta 標籤,請見 OG 圖片指南。
試試看
用免費的圖片轉檔工具把 AVIF 檔案轉成 JPG 或 PNG。不需要帳號,也沒有次數限制,因為轉換都由你自己的電腦完成。