PNG 轉 AVIF 轉換器
AVIF 採用 AV1 影片編碼的壓縮技術來儲存圖片,對於那些存成 PNG 後檔案特別大的圖片,它往往能做出所有網頁格式中最小的檔案。這個轉換器可將 PNG 轉成 AVIF,並完整保留透明背景。
圖片轉換器
或將JPG, JPEG, JPE … 檔案拖曳到這裡 ·
每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除
檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。
85 可讓照片在視覺上與原圖幾乎相同。只有需要更小的檔案時才調低。
JPG、BMP 和 EPS 不支援透明。透明的像素會以此顏色填滿。
用於透明像素後方的十六進位色碼,例如 #FFFFFF。
此格式只能存放單張圖片。若要保留動畫,請選擇輸出 GIF 或 WebP。
多尺寸圖示會在一個檔案中包含多種解析度,瀏覽器和作業系統會自行選用需要的尺寸。
保留原始尺寸,或輸入其中一邊,系統會維持長寬比。
上方所選邊的像素值。
相對於原始尺寸的百分比。
sRGB 適合螢幕和網頁。印刷流程請保留原始設定;灰階會捨棄顏色。
僅為中繼資料,0 表示保留原始值。印表機和部分入口網站會讀取此數值;不會改變像素尺寸。
使用方式
- 1
上傳 PNG 檔案
最多可加入 20 個 PNG 檔案,每個不超過 95 MB:商品去背圖、插畫、螢幕截圖,或是以 PNG 格式儲存的照片。
- 2
選擇有損或無損
品質預設為 70,適合照片與插畫,兼顧畫質與檔案大小。只有在每個像素都必須與 PNG 完全一致時,才在進階設定中勾選無損。
- 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 → | PNG | WebP | AVIF |
|---|---|---|---|
| 透明度(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 |
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
AVIF
AV1 影像檔案格式
AVIF 以 AV1 視訊編碼壓縮靜態影像與影像序列,由開放媒體聯盟於 2019 年定案。在相同視覺品質下,檔案通常比 JPEG 與 WebP 更小,並支援透明度、動畫、廣色域與 HDR。編碼速度比舊格式慢,在低品質設定下,極細緻的紋理可能顯得被抹平。目前所有主流瀏覽器都能顯示 AVIF,但許多桌面應用程式、社群平台與舊裝置無法開啟。
- 壓縮方式
- 有損或無損
- 透明度
- 支援
- 動畫
- 支援
- 推出年份
- 2019 · Alliance for Open Media
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 轉回去。
- JPG 轉 AVIF 轉換器將 JPG 照片轉成 AVIF,加快網頁載入。品質預設 60,保留色彩描述檔,每批 20 個檔案,免註冊。檔案 30 分鐘後刪除。
- WebP 轉 AVIF 轉換器將 WebP 圖片重新編碼為 AVIF,在訪客都使用新版瀏覽器的網站上進一步縮小照片檔案大小。提供無損選項,一次 20 張,免註冊。
- PNG 轉 WebP 線上轉換免費將 PNG 轉成 WebP 並保留 Alpha 透明通道。可選品質 80 有損或無損壓縮,每批 20 個檔案,30 分鐘後自動從伺服器刪除。
- AVIF 轉 PNG 線上轉換線上將 .avif 圖片轉成無損 PNG,透明背景維持透明,色彩不變。一次最多 20 個檔案,免註冊,30 分鐘後自動刪除。
- GIF 轉 AVIF 轉換器將 GIF 動圖轉成動態 AVIF:採用 AV1 壓縮,支援超過 256 色與完整透明度,瀏覽器載入速度快得多。每批最多 20 個檔案。