Bannerify
所有文章

AVIF 檔案是什麼?如何開啟並轉換成 JPG 或 PNG

AVIF 是檔案很小的新一代圖片格式。這篇說明 AVIF 檔案是什麼、為什麼網站會把圖片存成 AVIF、如何開啟 AVIF,以及如何轉換成 JPG 或 PNG。

· Duc An

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。你的圖片不會離開你的裝置,也可以一次轉換多個檔案。

  1. 開啟圖片轉檔工具。
  2. 在格式清單中選擇 JPEG 或 PNG。請先做這一步:轉檔工具會使用你加入檔案時所選的格式。
  3. 加入你的 AVIF 檔案。可以選擇檔案或資料夾,也可以直接拖曳到頁面上。
  4. 逐一下載檔案,或打包成一個 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。不需要帳號,也沒有次數限制,因為轉換都由你自己的電腦完成。

想用自己的資料搭配範本生成圖片,可以試試圖片生成 API。免費方案每月包含 100 次生成,其他方案請見價格。

前 100 張圖片,免費送你。

做一個範本、取得 API 金鑰,幾分鐘內就能生成第一張圖片。