AVIF 檔案，就是把用 AV1 影片編碼壓縮的影像放進 HEIF 容器。這句話解釋了大多數人遇到的處境：相片在瀏覽器裡清楚漂亮，一放到 Photoshop、打印店的上傳表格，或舊手提電腦的看圖程式就打不開。

這不是檔案壞了，而是軟件比格式舊。以下說明 AVIF 的支援實況、怎樣分辨「軟件太舊」與「檔案損毀」，以及轉檔時會失去什麼。

01AVIF 到底是什麼

AVIF 全寫是 AV1 Image File Format。它把 AV1（由 Alliance for Open Media 發布、免版稅的影片編碼）壓縮的影像，放進與 HEIC 相片相同的 HEIF 容器。一套規格同時涵蓋失真與無損壓縮、透明背景、動畫、HDR，以及 8、10、12 位色深。

AVIF 格式的支援速度比以往任何格式都快。Chrome 85 在 2020 年 8 月已完整支援 AVIF，Firefox 93 於 2021 年 10 月預設開啟，Safari 則隨 iOS 16 與 macOS Ventura 加入。Can I Use 現時列出全球支援率為 95.35%。

壓縮優勢不是宣傳口號。Netflix 在 2018 年 12 月公開首批樣本檔案，並指出 AVIF 的壓縮效率優於 JPEG，細節保留更好、區塊雜訊更少，在文字、圖形與相片混合的圖片中，硬邊位置的色滲也更少。

AVIF 是容器加編碼，不是畫質等級。

兩個同樣大小的 AVIF 可以差別很大，因為決定位元怎樣分配的是編碼器。比較副檔名沒有意義，比較編碼器才有。

02AVIF 檔案為何開不到

最常見的原因是年代。瀏覽器自帶解碼器，所以 2020 年就吃下 AVIF；桌面軟件卻要依賴作業系統，或依賴供應商簽下的授權。Adobe 要到 2025 年 6 月的 Photoshop 版本才加入 AVIF 支援。比這更舊的版本只會把它當成未知格式：空白圖標、紅色問號，或一句「沒有應用程式可以開啟」。

轉檔之前，值得先排除另外兩種情況：

第三行才是真正損毀的情況。若現行瀏覽器畫得出來，檔案就是完好，問題在接收的一方。

03怎樣把 AVIF 轉檔

這件事不需要編碼器。解碼 AVIF 正好是每個瀏覽器都做得到的一步，轉換工具只要把解出來的像素畫到畫布，再寫出另一個格式即可。

1. 開啟 AVIF 轉 JPG 工具，把 .avif 檔案拖到上傳區，或按一下選檔。整個文件夾可以一次過處理。
2. 檢查清單。每一行會列出檔名、原始體積與固定的輸出格式，沒有需要猜的設定。
3. 按轉換。每個 AVIF 會以原尺寸解碼、畫到畫布，再以 85% 質素編碼成 JPEG。
4. 查看轉換前後的體積，然後逐個下載，或用「全部下載」一次取回。

目標格式看下一步要做什麼，而不是看習慣。JPG 是打印機、上傳表格與通訊軟件都收的格式。AVIF 轉 PNG 是逐像素精確的選項，透明背景原樣保留，代價是體積大得多。AVIF 轉 WebP 則在細小的檔案裡保留透明，現行瀏覽器都開得到。

04轉檔要付的代價（實測）

轉檔不是免費的。為了把數字說清楚，我們在 2026-10-10 用 macOS 上的 Chrome 154.0.8037.98，把同一張 1408×768 的相片（public/design/image-compressor-sample.avif，241,459 位元組）跑過轉換工具所用的畫布流程（createImageBitmap → drawImage → toBlob）。

有兩個結果值得多看一次。這張圖轉出來的 WebP 比原來的 AVIF 更細，這不是通則（取決於原檔怎樣編碼），但足以說明「格式更新」與「檔案更細」不是同一句話。PNG 是昂貴的選項：如果目標是網頁，轉 PNG 幾乎總是錯的。

同一次測試還有一個結果：叫 Chrome 用 canvas.toBlob('image/avif') 編碼 AVIF 不會報錯，卻會靜靜地回傳 PNG。Firefox 也有同一個缺口——bug 1821907「Support AVIF encoding?」至今仍未解決。瀏覽器解碼 AVIF 很輕鬆，編碼則不然。

05轉檔會悄悄丟失的東西

像素會在瀏覽器轉檔後留下，但檔案的「文件紀錄」不會。同一次測試中，我們在一張 JPEG 寫入 Make、Model 與 DateTime 的 EXIF 標籤，確認原檔位元組內確實有這些標籤，再跑一次畫布重新編碼，結果輸出檔的 EXIF 區段完全消失。

畫布轉檔不會保留中繼資料。

相機設定、拍攝日期、GPS 座標與內嵌的色彩描述檔都不屬於解碼後的點陣圖，因此不會寫進新檔案。若仍然需要這些資料，請保留原始 AVIF。

第二個悄悄改變的是透明背景。JPEG 沒有 alpha 通道，透明位置會被填平——本工具填成白色。透明底標誌轉成 JPG，就會帶著一個白色方框。需要用到底板透明時，選 PNG 或 WebP。

06AVIF、WebP、JPG、PNG 該怎麼選

這個決定很少關於畫質。同一張相片在相同感知質素下，四種格式都可以看起來一樣；真正的差別在檔案大小、能不能帶透明，以及對方那套軟件開不開得到。

07網站上該不該保留 AVIF

如果你自己營運網站，最好的答案通常是保留 AVIF 並加上回落，而不是先轉檔。把 AVIF 放進 <picture> 元素，讓讀不到 AVIF 的瀏覽器自行改用 JPEG 或 WebP——MDN 的圖片格式指南正是這樣建議，並指出 WebP 是兩種現代格式中較安全的一種，因為支援更廣，而且仍支援漸進式渲染。

轉檔真正派上用場，是當檔案要離開你的網站：客戶還在用舊版 Photoshop、打印店、只收 JPEG 的招聘網站，或把上傳一律存成 .jpg 的應用程式。這些地方不會解碼 AV1，你在自己這邊怎樣另存都改變不了。

08資料來源

• AVIF — 維基百科 — https://en.wikipedia.org/wiki/AVIF（查閱日期：2026-10-10）
• Image file type and format guide — MDN — https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types（查閱日期：2026-10-10）
• AVIF image format — Can I Use — https://caniuse.com/avif（查閱日期：2026-10-10）
• Bug 1821907: Support AVIF encoding? (e.g. canvas.toBlob('image/avif')) — Bugzilla — https://bugzilla.mozilla.org/show_bug.cgi?id=1821907（查閱日期：2026-10-10）