图片转 WebP

WebP 是目前网页图片性价比最高的格式。同等肉眼效果下,它比 JPG 小四分之一到三分之一,还支持透明背景。

WebP 到底省了什么

WebP 由 Google 推出,有两种模式:有损(类似 JPG,但压缩算法更高效)和无损(类似 PNG,但体积小得多)。 实际测试中,同一张照片分别导出 JPG(画质 80%)和 WebP(画质 80%),WebP 通常小 25%–35%, 肉眼看不出区别。

对 PNG 的收益更夸张:一张带透明背景的 logo 存 PNG 可能 80KB,转成无损 WebP 常常只要 20–30KB。

什么时候不该用 WebP

WebP 不是万能的,这几种情况请继续用 JPG 或 PNG:

怎么用才对得起这个格式

  1. 把图片拖进上面的框,预设是 WebP、画质 80%、最宽 1600px
  2. 下载后得到 .webp 文件,直接放进网站目录引用
  3. 如果你的站点还有老访客,用 <picture> 做兜底:
    <picture>
      <source srcset="photo.webp" type="image/webp">
      <img src="photo.jpg" alt="描述">
    </picture>

浏览器会优先选 WebP,不支持时自动回退到 JPG。这是最稳妥的写法,代价是多存一份 JPG。

兼容性现状

Chrome、Edge、Firefox、Safari 14 以上、微信内置浏览器(较新版本)都支持 WebP。 也就是说 2026 年的今天,绝大多数访客都能正常显示,兜底更多是给极老的设备和一些特殊的内嵌浏览器用的。

常见问题

WebP 图片微信能打开吗?
新版微信可以正常发送和查看 WebP。但如果对方用老版本微信或用电脑端另存后再用旧看图软件打开,可能会失败,重要图片建议还是发 JPG。
转 WebP 会掉画质吗?
有损 WebP 和 JPG 一样是有损压缩,但同等体积下画质更好。用 80% 画质转换,屏幕上基本看不出与原图的区别。需要绝对无损时,请用 PNG(体积会大很多)。
为什么转完文件小了但看着更糊?
多半是原图本身已经被压过,两次有损压缩的损失会叠加。请从原始图片开始转换;如果只有压缩版,把画质提到 90% 以上。
WebP 支持透明背景吗?
支持,而且带透明的 WebP 比 PNG 小得多。这是它相对 JPG 的最大优势之一,适合 logo、图标、贴纸类图片。

其他场景

同一套引擎,换一组预设参数就能用。

需要更细的控制(输出格式、批量缩放、保留原图)?用 通用图片压缩工具。