PNG 轉 WebP 線上轉換

把網站上的 PNG 截圖、標誌和去背商品圖轉成 WebP，透明邊緣完整保留，載入時間大幅縮短。選擇有損或無損，轉換後直接上傳到你的 CMS。

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

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

輸出

轉換為

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

使用方式

1
放入 PNG 檔案
將最多 20 個 PNG 拖曳到上傳區，或從資料夾中選取。每個檔案最大 95 MB，即使是匯出的超大型設計稿也沒問題。
2
選擇有損或無損
頁面預設使用有損模式，品質為 80，適合網頁上的照片與插圖。若是必須保持像素完全一致的圖示、像素藝術或介面截圖，請在進階設定中勾選無損。
3
轉換並替換原檔
按下 轉換為 WebP，即可逐一下載檔案，或打包成 ZIP 下載。

解答

PNG 轉 WebP 值得嗎？

用在網站上的圖片，幾乎都值得。同一張圖片連同透明度，通常能縮小很多，而且所有現行瀏覽器都能顯示。仍需編輯的檔案，或要傳給用桌面軟體開啟的人，請保留 PNG。

網頁開發者為什麼把 PNG 換成 WebP

PNG 在設計上就是無損的：它在 1996 年由 W3C 標準化，作為無專利限制的 GIF 替代格式，不會丟棄任何像素資料。這很適合當作母檔，但用在網頁上就很浪費，一張 1600 px 的主視覺插圖存成 PNG，可能比頁面上所有指令碼加起來還重。

Google 在 2010 年推出 WebP 來彌補這個落差。它在同一個容器中提供兩種引擎：無損模式，依 Google 自己發布的比較約比 PNG 小 26%；以及基於 VP8 影片編碼器的有損模式，檔案更小。兩種模式都支援完整的 alpha 色版，這正是讓標誌和去背商品照能用在有色背景上的關鍵。

PageSpeed Insights 等網頁速度工具長期以來都指出過大的 PNG 與 JPEG 檔案是容易改善的地方，轉換圖片通常是改善 Largest Contentful Paint 最快的方法。如果圖片還需要調整尺寸，請先用圖片調整大小工具處理，再進行轉換。

WebP 比 PNG 小多少

PNG 原檔

1.2 MB

1600 × 900 · 24 位元含 alpha，商品去背圖

通常可縮小 80–85%

WebP，品質 80

190 KB

1600 × 900 · 有損，保留 alpha 色版

PNG

Portable Network Graphics

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

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

PNG 轉檔工具

WEBP

WebP 圖片

WebP 是 Google 於 2010 年推出的圖片格式，目的是讓網頁載入更快。它在同一種格式中同時支援有損與無損壓縮、Alpha 透明度與動畫。在視覺品質相近時，有損 WebP 檔案通常比 JPEG 小 25–35%，無損 WebP 通常也比 PNG 小。目前所有主流瀏覽器都支援，但部分較舊的桌面軟體、列印服務與上傳表單仍然不接受。Windows、macOS 與多數新型圖片編輯軟體都能開啟 WebP 檔案。

壓縮方式: 有損或無損
透明度: 支援
動畫: 支援
推出年份: 2010 · Google

WEBP 轉檔工具

網站經營者將 PNG 轉成 WebP，是為了在保留透明度的同時減少頁面大小；從 WebP 轉回 PNG，則是為了編輯，或在無法讀取 WebP 的軟體中開啟檔案。

上面的數字是照片類去背圖的典型結果，並非保證。平面圖形在有損模式下縮小較少，在無損模式下有時反而縮小更多。滿是文字的截圖是有損 WebP 可能讓字緣模糊的唯一情況；這類圖片請勾選無損，仍能節省空間，且像素完全不變。

尺寸、色彩與透明度都會原樣保留，而且預設開啟的移除中繼資料會去掉瀏覽器用不到的編輯記錄。

把 WebP 上傳到網站之前

請將原始 PNG 保留在另一個資料夾；WebP 是用來發布的副本，不是編輯用的母檔。
確認你的 CMS 接受上傳 .webp（WordPress 從 5.8 版起支援）。
將一張透明圖片分別放在白色與深色背景上檢查，確認邊緣乾淨。
將 HTML 或 CSS 中的圖片參照從 .png 改為 .webp，或讓 CMS 重新產生縮圖。
在瀏覽器的網路面板中比較轉換前後的頁面大小，就能知道省下了多少。

PNG 轉 WebP 常見問題

PNG 轉 WebP 後會保留透明背景嗎？

可以。WebP 的有損與無損模式都支援 alpha 色版，因此去背的商品照與標誌會維持透明。有損模式下邊緣像素會被稍微壓縮；如果在細髮絲或文字周圍看到淡淡的光暈，請勾選無損後重新轉換該檔案。之後需要轉回來嗎？WebP 轉 PNG 可還原成可編輯的 PNG。

PNG 轉 WebP 該選有損還是無損？

如果 PNG 是平面的介面圖、圖表、標誌或像素藝術，請選無損，因為每個像素都維持原樣，檔案通常還是會變小。如果 PNG 其實是照片或柔和的插圖，請用品質 75 到 85 的有損模式，因為這類圖片能省下最多空間。

哪些瀏覽器能顯示 WebP 圖片？

Chrome、Edge、Firefox 和 Opera 多年來都支援 WebP，Safari 也在 2020 年的 14 版加入支援（需 macOS Big Sur 或更新版本，以及 iOS 14）。實際上現今所有常用瀏覽器都能顯示，因此多數網站只要用一般的 img 標籤指向 .webp 檔案即可。

WordPress 可以上傳 WebP 嗎？

2021 年 7 月發布的 WordPress 5.8 將 WebP 加入媒體庫允許上傳的類型。較舊的版本除非用外掛新增 MIME 類型，否則會拒絕該檔案，所以轉換整個資料夾之前，請先確認你的版本。

為什麼轉出的 WebP 比原本的 PNG 還大？

這會發生在使用少數顏色索引調色盤的小型 PNG，例如 8 色圖示，因為 PNG 在這類圖片上本來就很有效率。這類檔案可以試試無損，如果結果仍然較大，就保留 PNG；較大、色彩較豐富的圖片才能省下空間。

可以一次把整個資料夾的 PNG 轉成 WebP 嗎？

每次最多可處理 20 個檔案，每個最大 95 MB，處理完會一起打包成 ZIP。資料夾檔案更多時，請每 20 個分批處理；沒有每日上限，上傳的檔案會在 30 分鐘後自動刪除。