给网站做图片优化时,WebP 是性价比最高的选择:比 JPG 更小、还支持透明。把存量 JPG 配图转成 WebP,是降低页面体积、提升加载速度最直接的一步。本文讲清怎么转、质量怎么选。
为什么要把 JPG 转 WebP
- 体积更小:Google 数据 WebP 比 JPG 小 25%-34%,页面加载更快、SEO 受益。
- 支持透明:WebP 同时有损/无损并支持 Alpha,可替代部分 PNG 场景。
- 兼容性广:Chrome/Edge/Firefox/Safari 14+ 均支持,覆盖率超 97%。
在线批量转换步骤
用 NBTools 的 图片格式转换工具:
- 上传:拖拽或点击,支持批量多张 JPG。
- 选输出格式:WebP,并设置质量。
- 转换:浏览器本地处理,文件不上传服务器。
- 下载:单张或 ZIP 打包下载。
质量怎么选
- 网站通用图(80%,推荐):平衡清晰与体积,肉眼几乎无差。
- 电商产品图(90%-95%):保细节、影响转化。
- 纯截图/插画(70%):体积优先。
老浏览器兼容
对 Safari 13 及更早版本,用 <picture> 标签做 JPG 降级:
<picture>
<source srcset="image.webp" type="image/webp">
<source srcset="image.jpg" type="image/jpeg">
<img src="image.jpg" alt="描述">
</picture>常见问题
画质会损失吗
WebP 有损压缩,但 80% 以上肉眼基本无差。
透明背景会丢吗
不会,WebP 完整支持透明通道。
可以批量吗
可以,支持批量上传与 ZIP 打包下载。
相关工具
- 图片格式转换(JPG/PNG/WebP/ICO 互转):https://nbtools.cn/tools/image-format-converter
- PNG 转 WebP:https://nbtools.cn/blog/png-to-webp-guide
- WebP 转 PNG:https://nbtools.cn/blog/webp-to-png