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>

在浏览器里直接完成,档案不会离开你的电脑:图片格式转换

快速解决你的文件问题: 图片格式转换 立即免费使用 — 图片格式转换 →