为什么把图片转成 WebP
WebP 由 Google 推出,在相近视觉质量下,通常比 JPEG 小 25%–34%,比 PNG 小得更多。图片体积下降后,页面加载更快、带宽更省,移动端体验和 Core Web Vitals 也会更好。主流浏览器对 WebP 的支持已经超过 97%。
| 格式 | 透明 | 动画 | 典型体积 | 浏览器支持 |
|---|---|---|---|---|
| WebP | 支持 | 支持 | 最小 | 97%+ |
| JPEG | 不支持 | 不支持 | 中等 | 100% |
| PNG | 支持 | 不支持 | 较大 | 100% |
| GIF | 支持 | 支持 | 较大 | 100% |
质量怎么选
网页首图和文章配图建议 75–85;大多数场景肉眼几乎看不出差别,体积却能明显下降。缩略图可以更低(60–70),需要保留纹理和细节的商品图可以到 85–90。
如果转换后体积反而变大,通常是因为原图已经被高度压缩,或者质量设得过高。这时降低质量或缩小最长边,往往比继续调高质量更有效。
什么时候该用“压缩到指定 KB”
当你有明确的体积上限时,例如报名系统要求 100KB 以内、公众号配图、邮件附件或证件照上传,直接使用“压缩到指定 KB”更省事。它会自动搜索质量,并在必要时缩小尺寸。
WebP 适合网页展示;如果对方系统只接受 JPG,请在输出格式里选择 JPG,并注意透明区域会变成白色。