UltKit

WebP 轉 AVIF 轉換器

WebP 已經讓圖片變輕了;在相同視覺品質下,AVIF 通常還能把照片壓得更小。在這裡批次轉換、比較檔案大小,再留下真正划算的那個版本。

圖片轉換器

或將JPG, JPEG, JPE … 檔案拖曳到這裡 ·

每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除

輸出

檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。

使用方式

  1. 1

    上傳 WebP 圖片

    最多可加入 20 個 WebP 檔案,每個不超過 95 MB。建議使用手邊品質最高的版本,而不是已經為網頁壓縮過的檔案。

  2. 2

    選擇品質或無損

    品質預設為 60,以 AVIF 的品質標準來看,用在照片上效果不錯。只有必須保持像素完全一致的圖形,才需要勾選無損。

  3. 3

    轉換為 AVIF

    按下轉換為 AVIF並下載,然後把每個結果與原本的 WebP 比較,確認沒問題再替換網站上的圖片。

圖片是照片、訪客使用新版瀏覽器、而且頁面上每一 KB 都很重要時,就把 WebP 轉成 AVIF。檔案是小型圖形,或平台無法儲存 AVIF 時,則維持 WebP。

AVIF 何時勝過 WebP

WebP 的有損模式建立在 2010 年的 VP8 影片編碼之上,因此色彩以一半解析度儲存,每個色版只有 8 位元。AVIF 由 Alliance for Open Media 於 2019 年發布,壓縮技術來自 AV1 影片編碼。它在低位元率下能保留更細緻的細節,可以儲存完整解析度的色彩,並支援 10 位元與 12 位元色深,因此包含天空、膚色和柔和陰影的照片,轉成 AVIF 後在外觀相同的情況下通常更小。

對於小圖片和邊緣銳利的圖形,這項優勢會縮小。只有幾 KB 的圖示幾乎沒有可節省的空間,而對螢幕截圖和圖表來說,無損 AVIF 也不如無損 WebP。建議先批次轉換、比較數字,再保留較小的那個。如果來源原本是 JPG,請直接用 JPG 轉 AVIF 轉換原檔,不要經過 WebP,這樣圖片只會多壓縮一次。

AVIF 與 WebP 比較:各自能儲存什麼

AVIFWebPJPG
有損與無損模式yesyes僅有損
Alpha 透明yesyesno
每個色版的位元深度8, 10, 1288
有損模式下的完整解析度色彩yesnoyes
HDR(PQ 與 HLG)yesnono
Safari 可顯示Safari 16 以上Safari 14 以上所有版本
WordPress 媒體庫6.5 以上5.8 以上所有版本

WEBP

WebP 圖片

WebP 是 Google 於 2010 年推出的圖片格式,目的是讓網頁載入更快。它在同一種格式中同時支援有損與無損壓縮、Alpha 透明度與動畫。在視覺品質相近時,有損 WebP 檔案通常比 JPEG 小 25–35%,無損 WebP 通常也比 PNG 小。目前所有主流瀏覽器都支援,但部分較舊的桌面軟體、列印服務與上傳表單仍然不接受。Windows、macOS 與多數新型圖片編輯軟體都能開啟 WebP 檔案。

壓縮方式
有損或無損
透明度
支援
動畫
支援
推出年份
2010 · Google
WEBP 轉檔工具

AVIF

AV1 影像檔案格式

AVIF 以 AV1 視訊編碼壓縮靜態影像與影像序列,由開放媒體聯盟於 2019 年定案。在相同視覺品質下,檔案通常比 JPEG 與 WebP 更小,並支援透明度、動畫、廣色域與 HDR。編碼速度比舊格式慢,在低品質設定下,極細緻的紋理可能顯得被抹平。目前所有主流瀏覽器都能顯示 AVIF,但許多桌面應用程式、社群平台與舊裝置無法開啟。

壓縮方式
有損或無損
透明度
支援
動畫
支援
推出年份
2019 · Alliance for Open Media
AVIF 轉檔工具

網站經營者把 WebP 轉成 AVIF,是為了把已經最佳化的照片再壓小一步,並取得 10 位元與 12 位元 HDR 的支援;代價是少數舊版瀏覽器和 CMS 主機仍需保留 WebP 作為備用。

從 WebP 到 AVIF:兩種格式的由來

  1. 2010

    WebP 發表

    Google 推出 WebP,這是一種以 VP8 影片編碼為基礎的靜態圖片格式。

  2. 2019

    AVIF 1.0

    Alliance for Open Media 發布以 AV1 為基礎的 AVIF 規格。

  3. 2020

    Chrome 85 與 Safari 14

    Chrome 開始支援顯示 AVIF;Safari 終於加入 WebP 支援。

  4. 2022

    Safari 16

    隨著 iOS 16 與 macOS Ventura,AVIF 登上 iPhone、iPad 和 Mac。

  5. 2024

    Edge 121 與 WordPress 6.5

    最後一個主流瀏覽器與最大的 CMS 開始支援 AVIF。

何時該保留 WebP 版本

轉換為 AVIF

  • 主視覺照片與商品照
  • HDR 或廣色域圖片
  • 圖片佔據頁面大部分容量的網頁
  • 使用 picture 元素提供備用圖片的網站

保留 WebP

  • 圖示與小型介面圖形
  • 無損的螢幕截圖與圖表
  • 動態圖片
  • 拒絕上傳 AVIF 的主機或應用程式

AVIF 的編碼時間比 WebP 長,這對即時產生圖片的網站很重要,但對像這樣一次性的批次轉換則無妨。在目前的手機和筆電上,解碼速度很快。

如果仍有訪客使用無法顯示 AVIF 的瀏覽器,請用 picture 元素同時提供兩種格式,AVIF 在前、WebP 作為備用,這樣就不會出現破圖。如果編輯軟體或上傳表單無法讀取 AVIF,需要反向轉換時,請使用 AVIF 轉 WebP。想進一步了解這三種新格式的差異,可以參考 AVIF、HEIC 與 WebP 的說明。

WebP 轉 AVIF:常見問題

每張圖片都值得從 WebP 轉成 AVIF 嗎?

不一定。照片和大型主視覺圖的效果最好,在外觀相同的情況下,檔案通常明顯變小。小圖示、螢幕截圖和單色平面圖形可能幾乎沒有變小,甚至變大,所以請逐一檢查結果,保留較小的檔案。

為什麼品質 60 的 AVIF 看起來和品質 80 的 WebP 一樣好?

兩種格式的品質數值無法直接比較。AVIF 編碼器用較低的數值就能達到相同的視覺效果,因此照片使用 50–65 是常見範圍。請以肉眼觀察和檔案大小為準,不要拿兩種格式的數字互相對照。

重新編碼有損 WebP 會讓畫質變差嗎?

每次有損壓縮都會損失一點細節,而 AVIF 傾向把細緻紋理抹平,而不是產生方塊。如果手邊還有原始的 JPG 或 PNG,請直接從原檔轉換;只有 WebP 已是你擁有的最佳版本時,才轉換 WebP。

WebP 轉 AVIF 時該勾選無損嗎?

只有在 WebP 本身是無損、而且必須保持像素完全一致時才需要,例如介面圖形。無損 AVIF 常常比無損 WebP 更大,所以這類檔案維持 WebP 通常是更好的選擇。

WordPress 能提供我在這裡製作的 AVIF 檔案嗎?

WordPress 自 2024 年 4 月發布的 6.5 版起支援上傳 AVIF,前提是伺服器的圖片函式庫支援 AVIF。較舊的安裝版本或不支援的主機會拒絕上傳,這時請保留 WebP。

WebP 標誌的透明背景會怎樣?

AVIF 具備完整的 Alpha 色版,透明區域會保持透明。由於 Alpha 與色彩是分開儲存的,邊緣也會保留柔和的抗鋸齒效果。