關於「WebP 轉 PNG」
WebP 很擅長讓網頁保持輕巧,瀏覽器處理它也毫無問題。麻煩是從圖片離開瀏覽器、要放進設計檔、簡報或舊版修圖軟體時開始的:這些地方的支援時有時無,有些程式甚至直接拒絕開啟。PNG 幾乎到處都能讀,而且具備兩個對圖像很重要的特性:它是無損的,也支援完整的 Alpha 透明色版。所以標誌、貼圖、圖示、介面元素、圖表和文字很多的螢幕截圖,最適合存成 PNG。
轉換本身很單純。瀏覽器內建的解碼器會解開每個 WebP,包括它的透明資訊,然後像素會寫入 PNG,過程中沒有任何壓縮損失。因為 PNG 沒有東西需要取捨,所以沒有品質滑桿;唯一會改變像素的選用設定,是長邊的尺寸上限(4096、2560、1920 或 1280 px)。logo.webp 會變成 logo.png。
WebP 檔案分成兩種,你手上是哪一種,決定了 PNG 看起來的樣子。無損 WebP 轉換後完全沒有任何損失。破壞性壓縮的 WebP 原本有的模糊或色塊,會原封不動地帶進 PNG;轉換不會增加任何瑕疵,但也無法去除。
如何使用「WebP 轉 PNG」
- 匯入 WebP 素材把檔案拖曳到轉換區、加入一個存放匯出素材的資料夾(子資料夾也算),或貼上複製的圖片。單次最多可接受 500 個檔案。
- 選擇 PNG 並決定尺寸確認輸出格式選的是 PNG。保持選取「原始尺寸」就能保留每一個像素;如果圖像比你需要的大,可以選較小的長邊尺寸。
- 下載 PNG可以逐一儲存,或按「全部下載(ZIP)」。批次裡如果已經有同名檔案,新檔會加上「 (2)」字尾,所以不會有檔案被覆蓋。
常見使用情境
放進簡報的合作夥伴標誌
你唯一找得到的合作夥伴標誌,是對方網站上的一個 .webp,而簡報軟體不收這個格式。轉成 PNG 後,不論投影片是什麼底色都能直接放上去,透明背景和柔和邊緣都完整保留。
設計檔用的貼圖和去背圖
從網路存下來的去背商品照和貼圖素材,常常是 WebP 格式。轉換後會保留 Alpha 色版,所以在修圖軟體裡可以乾淨地疊圖,也能反覆存檔而不會劣化。
說明文件用的螢幕截圖
匯出成 WebP 的介面截圖和圖表,可以變成清晰的 PNG,放進說明文章、Wiki 頁面或錯誤回報。平面的介面圖像用 PNG 壓縮效果很好,所以檔案大小通常還算合理。
無損還是破壞性 WebP:PNG 能還給你什麼
| 你的 WebP 是… | PNG 的內容 | 常見用途 |
|---|---|---|
| 無損 WebP | 完全相同的影像,只是換成更多 App 能開的格式 | 為網頁匯出的圖示、標誌、介面素材、螢幕截圖 |
| 破壞性 WebP | 忠實的快照,包括它原本就有的壓縮雜訊 | 大多數網站上的相片和橫幅 |
不論是哪一種,從這裡開始都不會再有任何損失:PNG 可以想編輯、存檔幾次都行,WebP 或 JPG 就做不到這一點。
檔案會比 WebP 大
WebP 的設計目標是精簡;PNG 的設計目標是精確保留每一個像素。檔案會變大多少,取決於內容。標誌、圖示和介面截圖這類平面圖像,通常只會稍微變大。相片和平滑的漸層充滿細微變化,無損壓縮沒辦法壓縮太多,所以它們的 PNG 可能大上許多。把寬度和高度各減半,像素就只剩四分之一,這是縮小 PNG 最有效的方法。
Alpha 色版、動畫畫格與 EXIF
完全透明的背景會維持透明,而柔和陰影、光暈和反鋸齒邊緣這類半透明像素,也會保留它們的部分透明度。動態 WebP 只會給你第一個畫格,因為這裡輸出的是靜態圖片。
大多數圖像不帶 EXIF,不過如果 WebP 裡確實有拍攝資訊或位置,預設會寫入 PNG 標準的 eXIf 區塊,而有些舊的看圖軟體會忽略這個區塊。移除 GPS 位置資訊只會刪掉座標,取消勾選保留相片資訊則會全部移除。色彩一律是標準 sRGB,也就是瀏覽器解碼 WebP 時使用的色彩空間。
不適合用 PNG 的情況
- 需要小檔案寄電子郵件或放網頁。沒有透明背景的相片存成 JPG 會輕得多;請用 WebP 轉 JPG。
- 需要能任意縮放的標誌。PNG 仍然是由像素組成;轉換不會產生向量檔,把小圖放大也不會增加細節。
- 想保留動畫。這裡不提供動態 PNG、GIF 或影片輸出。
- 想把多張圖片放進一份文件。WebP 轉 PDF 會把圖片放到頁面上,不過在那裡透明區域會以白色呈現。
超過 500 個檔案的批次需要分好幾次處理,而大量檔案在電腦上處理會比手機輕鬆。瀏覽器方面,需要 Safari 16.4 以上版本,或任何最新版的 Chrome、Edge 或 Firefox。你的素材在本機轉換,從不上傳;這裡說明怎麼自己觀察網路流量。