WebP 是 2026 年最稳妥的「现代格式」默认选择:通用支持、支持有损、无损、alpha 透明与动画,通常比 JPEG/PNG 小 25–35%。本文教你在浏览器中将图片转换为 WebP,并为每种源图给出正确设置。
为什么选 WebP
- 所有主流浏览器支持——多数场景无需特殊兜底。
- 有损模式在视觉质量相同时胜过 JPEG。
- 无损模式胜过 PNG,且支持 alpha。
- 支持动画,可取代 GIF。
源 → WebP:该用哪种模式
JPEG → WebP(有损)
用质量 75 的有损 WebP,体积小 25–35%,视觉质量相同。这是最常见的转换,也是最大的轻松收益。
PNG(截图)→ WebP
含文字的截图用无损 WebP 或有损 90+。保持锐利的同时比 PNG 小 40–60%。
PNG(照片)→ WebP(有损)
若有人把照片存成了 PNG(大错),转成有损 WebP 质量 75,体积减 80–90% 且看不出变化。
AVIF → WebP
很少需要,仅在目标平台不支持 AVIF 时有用。AVIF→WebP 体积约增 20–30%。
在 Kix图片工具 中把输出格式设为 WebP 并调整质量滑块。整文件夹拖入即可批量转换。
别忘了透明通道
WebP 的 alpha 通道支持良好。带透明背景的 PNG 图标可干净地转成 WebP——alpha 保留且体积小得多。只是别把质量设太低(低于 60),否则透明边缘可能出现色阶。
投放 WebP
若服务器支持内容协商,可用同一 .jpg/.png URL 透明投放 WebP。否则用 <picture> 元素让浏览器选 WebP、回退 JPEG。
WebP 不擅长的场景
要绝对最小的照片体积,AVIF 更胜;要 HDR 与 10-bit+ 色深,AVIF 更胜。但作为单一、简单、通用支持的现代格式,WebP 是正确默认——详见我们的 AVIF 与 WebP 对比。
小结
转 WebP 是投入最小、可靠性最高的图片优化。照片质量 75、截图无损、批量整文件夹,结束。