导出图像为 WebP 格式的体积优化技巧
WebP 是什么
WebP 是 Google 推出的现代图像格式,在相同视觉质量下:
- 有损 WebP 比 JPG 小 25%-35%
- 无损 WebP 比 PNG 小约 25%
- 还支持透明通道(类似 PNG)和动画(类似 GIF 但体积小得多)
现在主流浏览器、操作系统和 APP 都已支持 WebP,兼容性问题基本消失。
为什么用 File Converter 转 WebP
传统工具(Photoshop、画图等)导出 WebP 需要安装插件或专门导出器。File Converter 原生支持一键转 WebP。
操作步骤
- 选择源图片(JPG / PNG / HEIC / RAW 都可以)
- 进入「图像转换器」→ 选 WEBP
- Settings 中调整参数
参数调优
转换摘要页 Settings 中可以调整以下 WebP 专属参数:
| 参数 | 说明 | 推荐值 |
|---|---|---|
| 质量 | 0-100,有损压缩等级 | 75-82(比 JPG 默认值稍低,WebP 压缩效率更高) |
| 无损模式 | 开关,开启后不压缩 | PNG 转 WebP 时建议开;JPG 转建议关闭 |
| 方法 | 压缩算法复杂度 | 默认即可 |
| 尺寸 | 自定义输出尺寸 | 按需缩放 |
实战:把相册全部 PNG 图标转成 WebP
PNG 图标如果用于网页或 APP,全部转成 WebP 能显著减小包体积和加载时间。
操作:
- 点「+」→ 多选
- 选中全部 PNG 图标
- 图像转换器 → WEBP
- Settings 中关闭「无损模式」(如果原 PNG 是简单图形,无损 WebP 体积反而可能更大)
- 批量转换
兼容性注意
虽然 WebP 现在很普及,但以下场景仍有兼容性问题:
| 场景 | 是否支持 WebP |
|---|---|
| Chrome / Edge / Firefox / Safari(现代版本) | ✅ |
| 微信发送图片 | ✅ 可发送,接收方看到的是 WebP |
| 手机相册预览 | ✅ |
| Windows 资源管理器 | 需要 1803+ 并安装 WebP 扩展 |
| 老旧浏览器 / APP | ❌ |
如果不确定接收方能不能看,保守做法是同时保留一份 JPG。
WebP vs AVIF
你可能还听过 AVIF 格式——它是 AV1 视频编码派生的新一代图像格式,压缩率比 WebP 还高 20%+。但 AVIF 目前支持的人还不多,File Converter 的图像输出格式列表中可能没有 AVIF(取决于版本)。如果只有 WebP,它也是目前最通用的高压缩率格式。