WebP 轉 AVIF 轉換器
WebP 已經讓圖片變輕了;在相同視覺品質下,AVIF 通常還能把照片壓得更小。在這裡批次轉換、比較檔案大小,再留下真正划算的那個版本。
圖片轉換器
或將JPG, JPEG, JPE … 檔案拖曳到這裡 ·
每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除
檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。
85 可讓照片在視覺上與原圖幾乎相同。只有需要更小的檔案時才調低。
JPG、BMP 和 EPS 不支援透明。透明的像素會以此顏色填滿。
用於透明像素後方的十六進位色碼,例如 #FFFFFF。
此格式只能存放單張圖片。若要保留動畫,請選擇輸出 GIF 或 WebP。
多尺寸圖示會在一個檔案中包含多種解析度,瀏覽器和作業系統會自行選用需要的尺寸。
保留原始尺寸,或輸入其中一邊,系統會維持長寬比。
上方所選邊的像素值。
相對於原始尺寸的百分比。
sRGB 適合螢幕和網頁。印刷流程請保留原始設定;灰階會捨棄顏色。
僅為中繼資料,0 表示保留原始值。印表機和部分入口網站會讀取此數值;不會改變像素尺寸。
使用方式
- 1
上傳 WebP 圖片
最多可加入 20 個 WebP 檔案,每個不超過 95 MB。建議使用手邊品質最高的版本,而不是已經為網頁壓縮過的檔案。
- 2
選擇品質或無損
品質預設為 60,以 AVIF 的品質標準來看,用在照片上效果不錯。只有必須保持像素完全一致的圖形,才需要勾選無損。
- 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 比較:各自能儲存什麼
| AVIF | WebP | JPG | |
|---|---|---|---|
| 有損與無損模式 | yes | yes | 僅有損 |
| Alpha 透明 | yes | yes | no |
| 每個色版的位元深度 | 8, 10, 12 | 8 | 8 |
| 有損模式下的完整解析度色彩 | yes | no | yes |
| HDR(PQ 與 HLG) | yes | no | no |
| 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
AVIF
AV1 影像檔案格式
AVIF 以 AV1 視訊編碼壓縮靜態影像與影像序列,由開放媒體聯盟於 2019 年定案。在相同視覺品質下,檔案通常比 JPEG 與 WebP 更小,並支援透明度、動畫、廣色域與 HDR。編碼速度比舊格式慢,在低品質設定下,極細緻的紋理可能顯得被抹平。目前所有主流瀏覽器都能顯示 AVIF,但許多桌面應用程式、社群平台與舊裝置無法開啟。
- 壓縮方式
- 有損或無損
- 透明度
- 支援
- 動畫
- 支援
- 推出年份
- 2019 · Alliance for Open Media
網站經營者把 WebP 轉成 AVIF,是為了把已經最佳化的照片再壓小一步,並取得 10 位元與 12 位元 HDR 的支援;代價是少數舊版瀏覽器和 CMS 主機仍需保留 WebP 作為備用。
從 WebP 到 AVIF:兩種格式的由來
2010
WebP 發表
Google 推出 WebP,這是一種以 VP8 影片編碼為基礎的靜態圖片格式。
2019
AVIF 1.0
Alliance for Open Media 發布以 AV1 為基礎的 AVIF 規格。
2020
Chrome 85 與 Safari 14
Chrome 開始支援顯示 AVIF;Safari 終於加入 WebP 支援。
2022
Safari 16
隨著 iOS 16 與 macOS Ventura,AVIF 登上 iPhone、iPad 和 Mac。
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 與色彩是分開儲存的,邊緣也會保留柔和的抗鋸齒效果。
- JPG 轉 AVIF 轉換器將 JPG 照片轉成 AVIF,加快網頁載入。品質預設 60,保留色彩描述檔,每批 20 個檔案,免註冊。檔案 30 分鐘後刪除。
- PNG 轉 AVIF 轉換器將 PNG 轉成以 AV1 為基礎的 AVIF 圖片格式:保留透明背景,可選有損或無損,Chrome、Firefox、Safari 與 Edge 皆可顯示。一次批次轉換 20 個檔案。
- AVIF 轉 WebP 轉換器瀏覽器、外掛或主機還不支援 AVIF 時,把 AVIF 轉成 WebP。保留透明背景,可選有損或無損輸出,每批 20 張圖片。
- JPG 轉 WebP將 JPG 轉成 WebP,網頁載入更快:外觀相同,檔案大小約少四分之一到三分之一。一次批次轉換 20 張照片,可自選品質,免註冊。
- PNG 轉 WebP 線上轉換免費將 PNG 轉成 WebP 並保留 Alpha 透明通道。可選品質 80 有損或無損壓縮,每批 20 個檔案,30 分鐘後自動從伺服器刪除。
- 圖片轉 WebP 轉換器將 JPG、PNG、GIF、HEIC、TIFF、SVG 與 RAW 照片一次批次轉成 WebP。預設品質 80,保留透明背景與動畫,免註冊。