PNG 转 WebP：体积能小多少，什么时候不该转

WebP 对 PNG 的优势在「照片型内容 + 透明背景」：同样画质下体积通常小 25–35%。但纯色图标、线条插画这类本身就很「整齐」的图，PNG 往往已经压得很小，转 WebP 收益有限。

WebP 有两种模式

有损 WebP：像 JPG 一样丢细节，压缩率最高，适合照片。质量 75–85 时肉眼与 PNG 几乎一致，体积可能只有 PNG 的三分之一。

无损 WebP：完全保留像素，仍比 PNG 小 20–26%，因为用了更高效的熵编码。适合截图、图标、需要精确像素的素材。

这个工具转 WebP 时按质量参数决定模式；质量拉满接近无损，但不等同于开启无损模式。

透明背景会不会丢

不会。WebP 原生支持 alpha 通道，输出 WebP 或 PNG 时透明背景都保留；只有输出 JPEG 时会填成白色（JPEG 格式本身不支持透明）。

这一条是转换时最容易出问题的地方：把带透明的 Logo 转成 JPG，透明区变成白块，放到深色背景上就是一个白方框。

兼容性

现代浏览器（Chrome、Edge、Firefox、Safari 14+）都支持 WebP。需要注意的老环境：

• Safari 13 及更早：不支持。
• 部分安卓 WebView（系统版本较老）：不支持。
• 某些邮件客户端、办公软件插图：可能不认。

面向公众的网站可以在 <picture> 里同时提供 WebP 与 PNG 回退；APP 内置资源、设计稿交付则确认下游支持后再转。

什么时候不该转

• 要无损编辑的素材：保留 PNG 原图，WebP 的有损模式会引入不可逆误差。
• 极小图标：一个 1KB 的 PNG 转 WebP 可能还是 1KB，收益接近零。
• 下游不认 WebP：转完打不开，等于白转。
• 需要广泛兼容的文档：Word、PPT 里插图优先 PNG。