AVIF、HEIC、WebP 差在哪？新一代圖片格式比較 | UltKit

WebP 是三者中最早出現的。Google 在 2010 年 9 月發表，當時距離收購 On2 Technologies 才幾個月，其 VP8 影片編碼器成為這個新格式的核心。概念很簡單：一張靜態 WebP 基本上就是包在小型 RIFF 外殼裡的一個 VP8 關鍵影格。第一版只支援失真壓縮，之後三年內陸續加入無失真模式、透明度的 Alpha 色版以及動畫，所以 WebP 能用同一種檔案類型取代 JPG、PNG 和 GIF。Google 目前仍在 WebP 開發者網站上提供此格式及其 libwebp 函式庫的文件。

HEIC 的背景不同。HEIF（High Efficiency Image File Format，高效率影像檔案格式）是動態影像專家小組（MPEG）在 2015 年以 ISO/IEC 23008-12 發布的容器標準。HEIF 檔案可以存放以多種編碼器壓縮的影像；當編碼器是 HEVC（亦稱 H.265）時，檔案就稱為 HEIC。Apple 在 2017 年讓 iOS 11 與 macOS High Sierra 預設使用此格式（iPhone 7 及之後機型），這一個決定幾乎在一夜之間讓數十億張 HEIC 照片流通開來，也是大多數人會接觸到這種格式的原因。

AVIF 是最新的。Alliance for Open Media 由 Google、Mozilla、Microsoft、Amazon、Netflix、Cisco 與 Intel 於 2015 年共同成立，2018 年推出免授權金的 AV1 影片編碼器，並在 2019 年 2 月發表 AVIF 1.0 影像規格。技術上，AVIF 沿用 HEIF 容器，把 HEVC 換成 AV1，所以 AVIF 與 HEIC 就像引擎不同的表親。成員公司想要不收專利費的現代編碼器，Alliance for Open Media 至今仍持續發布 AV1 與 AVIF 規格。

這三種格式都源自影片編碼器，壓縮方式也看得出來。它們不像 JPG 使用固定的 8 × 8 像素區塊，而是由相鄰像素預測每個區域，使用大小不一的區塊，並在解碼後對邊緣進行濾波，因此在低品質設定下，方塊狀雜訊較少。AVIF 走得最遠：在相同視覺品質下，通常產生最小的檔案，尤其是在平滑的天空、膚色和漸層處，這些地方 JPG 會開始出現色帶。代價是編碼時間。同一張照片，製作 AVIF 可能比製作 WebP 慢上許多倍，這在手機或繁忙的伺服器上會是問題。

功能支援比一般人以為的更接近。三者都能儲存透明度，也都有動畫模式，不過動態 HEIC 實務上很少見。無失真壓縮是 WebP 突出之處：它的無失真模式與失真模式是分開設計的，在螢幕截圖和圖形上通常勝過 PNG。AVIF 與 HEIC 理論上也能無失真，但檔案往往很大，工具也很少提供這種模式。色彩深度是另一大差異：WebP 每個色版限制在 8 位元，而 HEIC 和 AVIF 可儲存 10 位元色彩，AVIF 還能承載 12 位元與 HDR 影像。

授權問題解釋了大部分的支援狀況。WebP 與 AV1 免授權金發布，瀏覽器廠商可以直接加入而不必付費給任何人。HEVC 則受多個專利授權聯盟管理的專利涵蓋，所以 Chrome、Firefox 和 Edge 只有在作業系統已提供合法授權的解碼器時，才會解碼 HEVC 影像。對網站經營者來說，這個差異是決定性的：每位訪客都能看到的格式，勝過只對一半訪客多省幾 KB 的格式。

檔案大小的差異取決於照片、編碼器和品質設定，所以任何數字都只能視為典型值，而非精確值。以 1200 × 800 px 的照片、在筆電螢幕上看起來相同的品質設定來說，JPG 通常約 150–200 KB，WebP 約 100–140 KB，AVIF 約 60–100 KB。Google 自己的比較顯示，失真 WebP 比 JPG 小 25–34%，Apple 則說相機照片的 HEIC 大小約為 JPG 的一半。一張 12 MP 的 iPhone 照片若存成 JPG 為 3–4 MB，存成 HEIC 通常是 1.5–2.5 MB。

圖形的表現則不同。色彩平坦並帶有文字的螢幕截圖，通常以無失真 WebP 最小，其次是 PNG，AVIF 在這裡幾乎沒有優勢。小縮圖也會縮小差距，因為每種格式都帶有幾百位元組的標頭。下面這些常見迷思，就是在缺乏這些背景下解讀測試數字而產生的。

在網路上，WebP 和 AVIF 已經底定。Chrome、Edge、Firefox 和 Safari 都能顯示 WebP；Safari 最晚加入，2020 年隨 macOS Big Sur 和 iOS 14 推出的 14 版才支援。AVIF 在 2020 年的 Chrome 85、2021 年的 Firefox 93 和 2022 年的 Safari 16 加入，Edge 則在 2024 年初加入。使用最新瀏覽器的訪客兩者都能看到。只有停留在舊版 Safari 的人（例如無法升級到 iOS 15 以上的 iPhone）看不到 AVIF，網站可用 <picture> 元素為他們提供 JPG 備用檔。

HEIC 的情況則相反。Apple 裝置到處都能開啟，Safari 17 甚至能在網頁中顯示，但 Chrome、Firefox 和 Edge 不會在開放網路上顯示 HEIC 影像。Windows 10 和 11 在從 Microsoft Store 安裝 HEIF 影像擴充功能後，就能在「相片」App 中開啟 HEIC，許多電腦還需要 HEVC 影片擴充功能，那是付費附加元件。新版 Android 可解碼 HEIF，但第三方 App 和網站的支援差異很大。

桌面軟體介於兩者之間。Adobe Photoshop 自 2022 年的 23.2 版起原生支援開啟 WebP，目前多數看圖軟體也能處理 WebP。編輯器、辦公軟體和舊程式對 AVIF 與 HEIC 的支援參差不齊，許多上傳表單仍然檢查是否為 .jpg、.jpeg 或 .png，其他一律拒絕。下面的面板整理了各平台的情況。

用於網頁，WebP 是預設答案，AVIF 則是進一步的最佳化。如果你能控制網站，就對接受 AVIF 的瀏覽器提供 AVIF，其餘提供 WebP 或 JPG；多數圖片 CDN 和框架都會自動協商。如果只能給一個檔案，WebP 較為安全，因為所有目前的瀏覽器都能顯示，編碼也很快。用於手機儲存，iPhone 上很難超越 HEIC：相機原生寫入、「照片」App 能讀取，同樣空間大約能存兩倍的照片。

封存、列印和文書作業則拉向另一個方向。照片典藏應該在二十年後不需特殊編碼器也能讀取，所以傾向保留相機直出的原檔，需要時再另存 JPG 副本。沖印店通常要求 JPG 或 TIFF，政府、考試和求職入口網站常只接受 JPG 或 PNG，有時還限制 KB 大小。在這些情況下，轉換後的副本是實際的解法，而原檔繼續留在你的相簿中。

下面四種常見用途總結了決策方式。請依檔案的去向來選擇，而不是看哪種格式的測試成績最好。

大多數轉換都是單向的：為了相容性，從新格式轉成 JPG 或 PNG。照片選 JPG，影像有透明度或要保持銳利的文字時選 PNG。要將 AVIF 轉成 JPG，轉換器的品質預設為 90，因為網路上的 AVIF 檔案本來就壓縮得很狠，而進階設定中的透明區域選項則決定如何填滿透明的像素。HEIC 轉 JPG 轉換器預設同樣是 90，並會移除位置資料，除非你取消勾選移除中繼資料。

WebP 方面，WebP 轉 JPG 頁面預設品質為 85，以正常大小檢視時看起來與來源相同。每個轉換器每批最多可處理 20 個檔案、每個檔案 95 MB，不需要帳號，上傳檔案和結果會在處理後 30 分鐘刪除。更詳細的說明請見如何將 HEIC 轉成 JPG和 WebP 轉 JPG：何時與為什麼，內容涵蓋手機設定與特殊情況。

反向轉換同樣有用。如果你經營網站，上傳前先將 JPG 照片轉成 AVIF，通常能把檔案大小減少約一半。下方矩陣顯示這些格式之間，哪些轉換在 UltKit 有專屬的轉換頁面。

每次失真轉換都會再丟失一點細節，所以要轉換副本，而不是母檔。把 HEIC 檔案留在 iPhone 相簿中，只為需要的人或程式匯出 JPG。HDR 照片也一樣：AVIF 和 HEIC 可儲存 10 位元色彩，轉成 8 位元 JPG 會把明亮的高光對應到標準範圍，用於分享沒問題，但不適合日後編輯。如果之後可能再次編輯影像，請保留原檔或無失真 PNG 副本，並從那裡進行所有編輯。

此外，如果對方已接受較新的格式，也要保留原檔。若網站建置工具、聊天 App 或雲端硬碟可直接接受 WebP 或 HEIC，轉換只會多一個步驟，還會讓檔案變大。在邊緣處轉換，也就是上傳、傳送或列印的當下，既能取得相容性，又不會慢慢損耗你的相簿。