图片转 WebP

什么是图片转 WebP？

图片转 WebP 工具可以将 JPG、PNG 等图片格式转换为 WebP——Google 的图片格式，能在不损失可见画质的情况下缩小文件体积。适合需要加快页面加载速度、提升 Core Web Vitals 评分的场景。

WebP 是 Google 推出的格式,把 JPEG 的有损压缩和 PNG 的透明通道结合到一起。80% 质量下,照片通常比 JPEG 小 25-35%,肉眼看不出差别;PNG 截图能压缩 50-70%。所有编码都在你设备的浏览器中通过 canvas API 完成。

使用方法

1. 把一张或多张 JPG、PNG、BMP、WebP、GIF、AVIF、SVG 或 HEIC 文件拖到上传区,或从设备里选择。
2. 选择质量预设、拖动滑块,或开启无损模式 —— 适合徽标和截图等需要像素级保真的场景。
3. 点击「全部转换」,然后单独下载、把结果复制到剪贴板,或一次性打包成 ZIP 下载全部文件。

何时使用

• 上传到 Shopify 或 WordPress 之前,先把产品图压小一点。
• 把文档里的 PNG 截图换成更小的 WebP,同时保留透明。
• 邮件通讯的素材打包,每减少一 KB 都能让加载更快。

结果

一位博主将一张 2.4 MB 的产品照片从 JPG 转换为 80% 质量的 WebP 格式，生成的文件仅 680 KB——体积缩小了 72%——而屏幕上看不出任何画质差异。

常见问题

质量参数该选多少?

大多数照片 80 是甜蜜点,文件明显变小,但谁也看不出来。缩略图或大 banner 可以降到 65,重视体积胜过细节。只有印刷品或边缘锐利的图形才需要超过 90。

WebP 像 PNG 一样支持透明吗?

支持。WebP 保留 alpha 通道,所以 logo、图标、带透明背景的 PNG 截图都能正常转换。结果几乎总是比原 PNG 小很多,常常只有一半左右。

WebP 在所有浏览器都能显示吗?

Chrome、Firefox、Safari 14 以上、Edge 都原生支持。旧版 Safari 和 IE 不支持,但实际流量里基本没人在用。邮件客户端建议留一份 JPEG 回退,因为有些还不识别 WebP。

PNG 截图转 WebP 会丢失透明吗?

不会。把 PNG 拖进来选好质量,alpha 通道会保留到 WebP 输出里。如果图里有硬边缘或文字,质量调到 85 以上,避免编码器把它们模糊化。

为什么有时候转出的 WebP 反而比原图大?

如果原图已经是高度压缩的 JPEG,再用 95 以上的质量转 WebP,文件就可能更大。WebP 的优势集中在 70-85 这个区间。想要更小,可以一档档把质量往下调试。

相关工具