PNG 轉 WebP:免上傳,無損或有損都行

Convert Oct 13, 2026 2 min read

WebP 同時支援無損和有損壓縮,是少數能真正替代 PNG 的格式之一。將 PNG 轉換為 WebP,可以在保持透明度支援的同時大幅縮減檔案大小。本文解釋無損 vs 有損 WebP 的選擇、各工具轉換方法,以及批量轉換的技巧。

無損 WebP vs 有損 WebP:如何選擇?

PNG 是無損格式,轉為無損 WebP 可以保留所有像素資訊,同時縮減約 20–30% 的檔案大小,且仍支援透明度。轉為有損 WebP 則可以縮減更多(通常 50–70%),但會引入輕微的壓縮失真,透明度仍然支援。

選擇建議:Logo 和 UI 圖示(硬邊緣、文字、需要像素完美)→ 無損 WebP;產品照片、背景圖(有透明需求但有些微品質損失可以接受)→ 有損 WebP(品質 85–95);普通截圖和說明圖 → 有損 WebP(品質 80–85)。

轉換方法

方法一:線上工具(最快速)

在 圖片格式轉換 選擇你的 PNG 檔案(不會上傳,直接在瀏覽器裡處理),選擇輸出為 WebP,選擇無損或有損模式(並設定品質),點擊轉換下載。支援批量處理,完全免費,無需安裝。

方法二:cwebp 命令列(Google 官方工具)

有損轉換(推薦品質 80–90):

cwebp -q 85 input.png -o output.webp

無損轉換(完全保留品質):

cwebp -lossless input.png -o output.webp

批量有損轉換整個資料夾:

for file in *.png; do cwebp -q 85 "$file" -o "${file%.png}.webp"; done

批量無損轉換:

for file in *.png; do cwebp -lossless "$file" -o "${file%.png}.webp"; done

方法三:ImageMagick

有損轉換:

magick convert input.png -quality 85 output.webp

無損轉換:

magick convert input.png -define webp:lossless=true output.webp

批量無損轉換:

magick mogrify -format webp -define webp:lossless=true *.png

方法四:Photoshop(23.2+)

開啟 PNG,選「檔案 → 另存為 → WebP」,在對話框中可選擇無損或有損模式及品質設定,儲存。Photoshop 原生支援 WebP 的 Alpha 通道,轉換後透明背景完整保留。

方法五:Squoosh(Google 開源工具)

前往 squoosh.app,拖入 PNG,右側選擇 WebP 輸出,勾選或取消勾選「Lossless」,調整品質,下載。Squoosh 提供即時的前後對比預覽,方便直觀判斷品質與大小的平衡。

批量轉換技巧

相容性提醒

WebP 在舊版 iOS(13 以下)和 Internet Explorer 中不被支援。若目標用戶可能使用舊裝置,建議在 HTML 中使用 `<picture>` 元素提供 PNG 備援:

<picture>
  <source srcset="image.webp" type="image/webp">
  <img src="image.png" alt="描述">
</picture>

在瀏覽器裡直接完成,檔案不會離開你的電腦:圖片格式轉換

快速解決你的檔案問題: 圖片格式轉換 立即免費使用 — 圖片格式轉換 →