图片转 WebP 值不值：体积实测、参数选择与兼容性清单
同一张封面图，从 JPG 转成 WebP 后从 180KB 变成 92KB，画质看不出差别；但也有人转完发现 WordPress 后台提示「不支持此格式」，或者微信里发出去变成一张裂图。WebP 的省流量是实打实的，但省多少取决于图的内容，能不能用取决于对方系不认这个格式。
这篇按「省多少 → 该不该转 → 参数怎么给 → 上线要注意什么」讲清楚，避免转完才发现用不了。
一、WebP 到底能省多少
WebP 同时支持有损与无损两种模式，还支持透明通道，所以它不是「JPG 的替代品」，而是「JPG 和 PNG 的共同替代品」。在同等观感下，典型收益是：
| 图片类型 | 原格式 | 转 WebP 后体积 | 说明 |
|---|---|---|---|
| 摄影照片 | JPG（质量 85） | 约 -25%~-40% | 收益最稳定，适合封面、配图 |
| 带文字的截图 | PNG | 约 -20%~-50% | 用无损模式，文字边缘保持锐利 |
| Logo / 图标（含透明） | PNG | 约 -10%~-30% | 小图本身只有几 KB，收益有限 |
| 纯色块 / 渐变大图 | PNG | 约 -30%~-60% | 渐变多的图收益明显 |
| 已经是 WebP | WebP | 0（再转会掉画质） | 别重复转 |
注意表中是「同等观感」，不是「同等质量参数」。JPG 质量 85 与 WebP 质量 80 的观感通常相当，但体积差一截——这也是很多教程里「WebP 参数设 75 就够」的原因。
二、什么时候不该转
四种情况，转了反而添麻烦：
- 图标、小尺寸图（小于 100×100）：本来就只有 2~5KB，转完可能只省 1KB，却多了一次格式兼容风险；
- 要发给别人编辑的素材：不少老版本 Office、设计软件、打印店流程不认 WebP；
- 目标平台明确只收 JPG/PNG：报名系统、招标平台、部分电商后台都写死了格式；
- 需要长期归档的原图：WebP 是有损（或无损但生态较新），归档建议保留 PNG / 原始 RAW。
判断标准很简单：这张图是「给浏览器看的」就转 WebP；是「给人或别的软件继续用的」就保留原格式。
三、质量参数怎么给
按用途给参数，不用纠结：
| 用途 | 模式 | 质量 | 备注 |
|---|---|---|---|
| 网页大图 / 封面 | 有损 | 78~82 | 配合 1200~1600 像素宽 |
| 商品图 / 需要细节 | 有损 | 85~90 | 比 JPG 同观感更省 |
| 截图 / 带文字 | 无损 | — | 有损会让文字边缘发毛 |
| Logo / 图标透明底 | 无损 | — | 保留 alpha，边缘干净 |
两个实操细节：
- 先缩尺寸再转格式：一张 4000 像素宽的照片，即使转成 WebP 也还是大。先缩到实际展示宽度，再压质量，两步都做才有效；
- 转换 ≠ 压缩：只换格式不降质量，体积可能只小一点；换格式同时把质量从 95 降到 80，才有明显效果。
四、动图 GIF 转 WebP 的坑
GIF 转 WebP 体积通常能降 50% 以上，但要注意三点：
- 帧数与时长：转完先确认总时长、循环次数没变，有的工具会截断帧；
- 透明边缘：GIF 只支持「全透明/不透明」，WebP 支持半透明，转换后边缘可能反而更干净，也可能出现光晕，需要目测；
- 平台支持：微信、部分邮件客户端对动态 WebP 支持不好，聊天里发表情包仍建议用 GIF。
五、上线前必查的兼容性清单
- 服务器 MIME：确认
.webp返回image/webp，否则部分浏览器会当文件下载； - CDN 与缓存：确认 CDN 不会把 WebP 当成未知类型压缩或改写；换格式后记得让缓存失效；
<picture>兜底：面向老设备时，用<picture>提供 JPG 回退，而不是只给 WebP；- 后台 / CMS 白名单：WordPress、部分建站系统默认不允许上传 WebP，需要装插件或改允许类型；
- 社交平台预览：分享卡片（og:image）在各平台的抓取支持不一致，封面仍建议同时保留一张 JPG。
六、常见问题
WebP 转完反而变大了？
多半是用无损模式转了照片。照片要走有损模式，并把质量降到 80 左右；无损只适合截图、图标、纯色图形。
转成 WebP 后画质变差，还能救吗？
不能从 WebP 救回来，只能回到原始 JPG/PNG 重新转，并提高质量参数。所以转换前一定保留原图。
能不能把 WebP 再转回 JPG？
可以，但属于二次有损，画质只会更差。如果只是为了让老软件能打开，转回 JPG 是可行的；如果是为了省体积，没必要来回转。
网站图片全量换 WebP 值得吗？
访问量大的站值得，收益主要体现在流量与首屏速度；访问量小的站，优先把首页大图换掉就行，不必全站铺开。
小结
图片转 WebP 的收益是真实的，但它有前提：图是给浏览器看的、原图留了备份、服务器与 CDN 认这个格式。参数上记住一句话——照片有损 80 左右、截图与图标走无损，先把尺寸缩到位再转格式。做到这几条，体积能省三成，且不会出现「转完打不开」的尴尬。
不打算换格式、只想减体积的话，可以看 PNG 转 JPG 的取舍 与 图片压缩 栏目；把图压到指定大小见 图片压缩到 200KB。