WebP 同时支援无损和有损压缩,是少数能真正替代 PNG 的格式之一。将 PNG 转换为 WebP,可以在保持透明度支援的同时大幅缩减档案大小。本文解释无损 vs 有损 WebP 的选择、各工具转换方法,以及批量转换的技巧。
PNG 是无损格式,转为无损 WebP 可以保留所有像素资讯,同时缩减约 20–30% 的档案大小,且仍支援透明度。转为有损 WebP 则可以缩减更多(通常 50–70%),但会引入轻微的压缩失真,透明度仍然支援。
选择建议:Logo 和 UI 图示(硬边缘、文字、需要像素完美)→ 无损 WebP;产品照片、背景图(有透明需求但有些微品质损失可以接受)→ 有损 WebP(品质 85–95);普通截图和说明图 → 有损 WebP(品质 80–85)。
在 图片格式转换 选择你的 PNG 档案(不会上传,直接在浏览器里处理),选择输出为 WebP,选择无损或有损模式(并设定品质),点击转换下载。支援批量处理,完全免费,无需安装。
有损转换(推荐品质 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
有损转换:
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
开启 PNG,选“档案 → 另存为 → WebP”,在对话框中可选择无损或有损模式及品质设定,储存。Photoshop 原生支援 WebP 的 Alpha 通道,转换后透明背景完整保留。
前往 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>
在浏览器里直接完成,档案不会离开你的电脑:图片格式转换