PNG 轉 AVIF——免費線上、無上傳

將 PNG(或整批)拖入 PicBrewery,即可在瀏覽器內產生保留 alpha 的 AVIF——無上傳、無浮水印。類照片 PNG 常有 70–90% 節省;平坦介面圖亦有可觀降幅。

AVIF 相對 PNG 的取捨請見 格式比較表

如何把 PNG 轉成 AVIF

  1. 在現代瀏覽器開啟 PicBrewery
  2. 拖入 PNG(可多檔);擷圖可用 Ctrl/Cmd+V 貼上。
  3. AVIF 在 JPEG、PNG、WebP 完成後填入;每百萬像素約 1–3 秒屬常見。Worker 並行,介面仍可操作。
  4. 按 AVIF 欄下載;多檔可用 全部 ZIP 下載,僅含各來源最小格式。

為什麼要 PNG 轉 AVIF?

PNG 作為無損容器對介面圖極佳,但若內容其實偏照片(擷圖含照片、影片影格、漸層插畫),在線路上往往過大。AVIF 可同時處理兩類情境:類照片 PNG 以有損 AVIF 品質 60 常可省 70–90%平坦 UI 圖相對調校 PNG 常可省 40–60%

AVIF 亦支援 HDR、廣色域、10/12 位元與顆粒合成等 PNG 難以涵蓋的能力;且 alpha 與色彩平面分開,大面積透明常壓得特別小。

預期可省多少容量

經驗法則:類照片 PNG 轉有損 AVIF 品質 60 常省 70–90%;平坦 UI 約 40–60%;混合擷圖約 60–80%。像素畫與極銳線稿是例外——AV1 對單像素邊緣較不友善,可能不如 PNG 或無損 WebP。請以 PicBrewery 並排數字為準。

AVIF 瀏覽器支援

Chrome 85+、Firefox 93+、Edge 121+、Safari 16+(2022)與多數 Android 瀏覽器。舊版請以 <picture> 上層 AVIF、底層 PNG——僅不支援 AVIF 的瀏覽器會抓取 PNG。詳見 AVIF 格式說明

常見問題

PNG 轉 AVIF 會保留透明嗎?

會。AVIF 支援完整 alpha,PicBrewery 會保留透明像素。大面積透明區常壓得特別小。

AVIF 比 PNG 小多少?

依內容差異很大。類照片 PNG 以有損 AVIF 品質 60 常可省 70–90%;平坦 UI 約 40–60%。像素畫有時 AVIF 反而較大。

PNG 來源該用無損或有損 AVIF?

網頁出圖多數建議有損 AVIF 品質 55–65。需要像素完全一致時請保留 PNG 或試無損 WebP。

所有瀏覽器都能顯示 AVIF 嗎?

現行主流瀏覽器支援;極舊版請以 picture 提供 PNG 後援。

像素畫或極銳線稿適合 PNG 轉 AVIF 嗎?

通常不優先。AVIF 對單像素邊緣較不友善。像素畫建議 PNG 或無損 WebP。PicBrewery 會並排顯示各格式體積。

現在就將 PNG 轉成 AVIF

將 PNG 拖入 PicBrewery,在保留透明的同時大幅縮小類照片資產。全程端上、無上傳。

開啟 PicBrewery