UltKit

PNG 轉 AVIF 轉換器

AVIF 採用 AV1 影片編碼的壓縮技術來儲存圖片,對於那些存成 PNG 後檔案特別大的圖片,它往往能做出所有網頁格式中最小的檔案。這個轉換器可將 PNG 轉成 AVIF,並完整保留透明背景。

圖片轉換器

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

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

輸出

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

使用方式

  1. 1

    上傳 PNG 檔案

    最多可加入 20 個 PNG 檔案,每個不超過 95 MB:商品去背圖、插畫、螢幕截圖,或是以 PNG 格式儲存的照片。

  2. 2

    選擇有損或無損

    品質預設為 70,適合照片與插畫,兼顧畫質與檔案大小。只有在每個像素都必須與 PNG 完全一致時,才在進階設定中勾選無損。

  3. 3

    轉換為 AVIF

    按下 轉換為 AVIF。編碼時間比 JPG 或 WebP 稍長,完成後即可下載個別檔案或 ZIP。

解答

為什麼要把 PNG 轉成 AVIF?

為了讓網站上的圖片輕很多。PNG 照片或透明插畫轉成有損 AVIF 後,檔案大小通常只剩原本的一小部分,仍保有透明度,而且目前所有主流瀏覽器都能顯示。

什麼是 AVIF:用於靜態圖片的 AV1 影片壓縮

AVIF 來自開放媒體聯盟(Alliance for Open Media),創始成員包括 Google、Microsoft、Mozilla、Netflix 和 Amazon。該聯盟於 2018 年發表免授權費的 AV1 影片編碼,並在 2019 年推出以它為基礎的 AVIF 圖片格式。AVIF 檔案本質上是 HEIF 類型容器中的一個 AV1 關鍵影格,與 Apple 用於 HEIC 照片的容器結構相同。

這樣的淵源帶來了 JPEG 和 PNG 所沒有的技術:大範圍的自適應區塊大小、根據鄰近區域的精密預測、底片顆粒合成,以及供 HDR 使用的每通道 10 位元與 12 位元色彩深度。對於內容是照片的 PNG,檔案會大幅縮小;對於單色平面的標誌,節省幅度較小,但通常仍然明顯,且透明度會保留。

PNG、WebP 與 AVIF 比較:各格式能儲存哪些內容

from ↓ · to →PNGWebPAVIF
透明度(alpha)透明度(alpha) to PNG: yes透明度(alpha) to WebP: yes透明度(alpha) to AVIF: yes
無損壓縮無損壓縮 to PNG: yes無損壓縮 to WebP: yes無損壓縮 to AVIF: yes
有損壓縮– 有損壓縮 to PNG: no有損壓縮 to WebP: yes有損壓縮 to AVIF: yes
每通道超過 8 位元每通道超過 8 位元 to PNG: yes– 每通道超過 8 位元 to WebP: no每通道超過 8 位元 to AVIF: yes
同一格式內的動畫– 同一格式內的動畫 to PNG: no同一格式內的動畫 to WebP: yes同一格式內的動畫 to AVIF: yes
supported not offeredPNG 動畫是另一種變體 APNG。PNG 最高可達每通道 16 位元,AVIF 則為 10 或 12 位元。

AVIF 瀏覽器支援:Chrome、Firefox、Safari 與 Edge

Chrome 最早支援,2020 年 8 月的 85 版開始顯示 AVIF。Firefox 在 2021 年 10 月的 93 版跟進。Safari 16 於 2022 年在 iOS 16 和 macOS Ventura 上加入靜態 AVIF 圖片,2023 年 3 月的 Safari 16.4 完成支援,包括動態 AVIF。Edge 雖然與 Chrome 使用相同的引擎,卻直到 2024 年 1 月的 121 版才開啟 AVIF。

這些瀏覽器合計涵蓋了現今幾乎所有上網的人,但網站周邊的應用程式並非都支援。部分電子郵件用戶端、社群連結預覽和舊版 CMS 外掛仍然預期使用 PNG、JPG 或 WebP。在自己的網頁上,可透過 <picture> 元素提供 AVIF 並附上 PNG 或 WebP 備援,或交給 CDN 依訪客自動選擇;至於圖片編輯軟體、辦公文件,以及要當作附件寄送的圖片,請保留 PNG。

PNG

Portable Network Graphics

PNG 是 1996 年由 PNG Development Group 發布的無損點陣圖格式,後來由 W3C 與 ISO 納入標準。它會完整保留每一個像素,支援完整的 Alpha 透明度,處理文字、銳利邊緣和純色區塊時不會產生瑕疵。這樣的精確度使它非常適合螢幕截圖、標誌、圖示和介面圖形。代價是檔案大小:存成 PNG 的相片,往往比同一張相片存成 JPEG 或 WebP 大上好幾倍。所有瀏覽器、作業系統和編輯軟體都能開啟 PNG 檔案。

壓縮方式
無損
透明度
支援
動畫
不支援
推出年份
1996 · PNG Development Group
PNG 轉檔工具

AVIF

AV1 影像檔案格式

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

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

PNG 轉 AVIF,是為了以現代瀏覽器能顯示的最小檔案大小發布透明圖形和以 PNG 儲存的照片;當編輯軟體或辦公軟體無法讀取 AVIF 時,再把 AVIF 轉回 PNG。

螢幕截圖與文字需要較高的品質設定

在低品質設定下,AVIF 會抹平細節,這對照片很合適,但會讓小字和 1 像素的介面線條變得模糊。截圖請把品質提高到 80–90,或保留為 PNG 或無損 WebP。

PNG 轉 AVIF 常見問題

PNG 轉檔時,AVIF 比 WebP 好嗎?

對於照片類 PNG 和柔和的插畫,在相同視覺品質下,有損 AVIF 通常比有損 WebP 更小。截圖和線稿的差距會縮小,無損 WebP 往往與無損 AVIF 一樣小,甚至更小。如果你只想選一種在工具和外掛中支援最廣的格式,PNG 轉 WebP 會更簡單。

PNG 轉 AVIF 會保留透明背景嗎?

可以。AVIF 會在彩色影像之外另存 alpha 通道,因此去背圖、標誌和柔和陰影都能保持透明。alpha 通道同樣會被壓縮,這也是透明 AVIF 比原本的 PNG 小很多的原因之一。

應該使用無損 AVIF 嗎?

很少需要。無損 AVIF 確實存在,但編碼很慢,檔案往往不比最佳化的 PNG 或無損 WebP 小。AVIF 的強項是有損壓縮。只有在封存備份,或需要逐像素比對的圖片時,才使用無損。

AVIF 的品質該設定多少?

AVIF 在比 JPG 更低的設定下仍能保持畫面效果。照片和插畫約 60–70 就很適合;含有小字的截圖請提高到 80 以上,因為文字周圍的模糊最先看得出來。大量轉換前,建議先以原始大小檢查一張成果。

WordPress 可以使用 AVIF 圖片嗎?

2024 年 4 月發布的 WordPress 6.5 將 AVIF 加入媒體庫可接受的格式,前提是伺服器的圖片函式庫支援。舊版本需要外掛,或使用能即時轉換的 CDN。

電腦上有哪些軟體可以開啟 AVIF 檔案?

目前的瀏覽器都能直接開啟 AVIF,將檔案拖進 Chrome、Firefox、Safari 或 Edge 即可。Windows 11 需安裝免費的 AV1 Video Extension,才能在「相片」中檢視 AVIF;macOS Ventura 以後的版本則原生支援預覽。若要在其他軟體中編輯,請用 AVIF 轉 PNG 轉回去。