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

將 PNG(或整批)拖入 PicBrewery,即可在瀏覽器內產生保留完整透明的 WebP。有損與無損結果並列,方便依各檔挑較小者。

若需更完整的格式背景,請見格式頁的 WebP 章節

如何把 PNG 轉成 WebP

  1. 在現代瀏覽器開啟 PicBrewery
  2. 將 PNG 拖入上傳區;擷圖也可用 Ctrl/Cmd+V 貼上。
  3. PicBrewery 會解碼 PNG,並與 JPEG、AVIF 並行輸出 WebP(內部同時評估有損/無損)。Alpha 會自動保留。
  4. 按 WebP 欄下載圖示;多檔可用 全部 ZIP 下載

為什麼要 PNG 轉 WebP?

PNG 作為封存格式極佳——嚴格無損且支援廣——但在線路上往往偏大。對典型介面圖(圖示、擷圖、圖表),無損 WebP 相對 oxipng 最佳化 PNG 常再小 20–30%,因為預測與熵編碼比 DEFLATE 更新。若 PNG 內容其實偏照片(彩色擷圖、插畫漸層),有損 WebP 品質 85 常可省 60–80% 且仍保留 alpha。

較小的圖檔有利於圖重介面首屏、PWA 離線快取,以及 2×/3× Retina 資產的 CDN 出站成本。

預期可省多少容量

經驗法則:無損 WebP 常比調校過的 PNG 小 20–30%;類照片 PNG 以有損 WebP 品質 85 常可省 60–80%。色塊極簡的圖示有時 PNG-8 調色更省——PicBrewery 會並排顯示位元組數供您選擇。

WebP 瀏覽器支援

Chrome 32+、Firefox 65+、Edge 18+、Safari 14+(2020)與主要 Android 瀏覽器皆支援 WebP。若需支援 IE 11 或 Safari 13 以前,請以 <picture> 提供 PNG 後援。詳見 WebP 格式說明

常見問題

PNG 轉 WebP 會保留透明嗎?

會。WebP 支援與 PNG 相同的 8 位元 alpha,PicBrewery 會保留透明像素。有損與無損 WebP 皆可保留 alpha。

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

介面圖、圖示、擷圖與線稿建議無損 WebP——像素與 PNG 一致且常再小 20–30%。類照片的 PNG 可用有損 WebP 品質 85,常可省 60–80%。可在 進階設定 調整。

無損 WebP 能全面取代 PNG 嗎?

在 2020 年後的主流瀏覽器,多數情境可以:像素一致、alpha 保留。例外是舊工具鏈與 16 位元灰階來源——WebP 每通道為 8 位元。

WebP 比 PNG 小多少?

無損 WebP 相對 oxipng 最佳化 PNG 常再小 20–30%;類照片的有損 WebP 在品質 85 時常可省 60–80%。請在 PicBrewery 查看您的檔案實測。

轉 WebP 會影響色彩或 ICC 描述檔嗎?

PicBrewery 解到 sRGB 並以 sRGB 輸出 WebP;內嵌 ICC 不保留以縮小體積。嚴格色彩流程請保留原始 PNG;一般網頁多渲染為 sRGB。

現在就將 PNG 轉成 WebP

將 PNG 拖入 PicBrewery,取得透明仍在、體積更小的 WebP。全程在瀏覽器內完成。

開啟 PicBrewery