悦省yueser.com

← 全部指南

WebP 转换使用指南:在 WebP、JPG、PNG 之间选对格式

WebP 通常更小,但兼容性不如 JPG;PNG 能保留透明,体积却常常偏大。选错格式,后面不是打不开,就是白转一次。

打开工具:WebP 格式转换

什么时候需要做格式转换

做网页或小程序时,把 JPG、PNG 批量转成 WebP,通常能减少传输体积,提升加载速度,尤其是商品列表和文章配图。反过来,从网上下载的 WebP 素材,在老版 Photoshop、旧版 Office 或某些后台系统里打不开,就需要转回 JPG 或 PNG 再交付。

还有一种情况是统一素材格式:同一个商品图要同时用于网页、公众号、打印物料和供应商对接,不同环节支持的格式不一样。与其每个环节临时找工具,不如保留一份高质量原图,再按交付要求转出对应格式。

怎么选目标格式和质量

照片优先考虑 WebP 或 JPG:WebP 在相近观感下通常更小,JPG 则几乎没有兼容性风险。需要透明时选 WebP 或 PNG;转成 JPG 时透明区域会被填成白色,半透明边缘也会和白色混合,这是格式本身决定的,不是转换出错。

质量参数只对 WebP 和 JPG 这类有损输出有意义,转 PNG 时调质量不会改变结果。已经压得很狠的 JPG 再转 WebP,未必更小,还可能多一次损失;动图和多帧 WebP 通常只保留第一帧,需要动画就不要用静态转换。

替代方案与什么时候不该转

如果只是让网页适配不同浏览器,不一定要把原图全部转掉。用 <picture> 提供 WebP 和 JPG 两套来源,或者让图片 CDN 按 Accept 头自动选择格式,既能享受 WebP 的体积优势,也不会让旧浏览器拿到打不开的文件。

印刷、排版和需要长期存档的素材,不适合在浏览器里反复转格式。每次有损转换都会累积损失,元数据也会丢失;这类场景应保留原始文件,交付时再导出。对方明确不支持 WebP 时,直接给 JPG 或 PNG,少一次转换就少一次风险。

常见问题

WebP 一定比 JPG 小吗?

不一定。多数照片在相近观感下 WebP 更小,但小图、纯色块多的图,或已经压过头的 JPG,转完可能反而更大。判断标准是同一观感下的文件大小,而不是格式名字;不确定时就两种都导出一张比较。

WebP 转 JPG 后透明背景怎么办?

JPG 没有透明通道,透明区域会被填成白色,半透明边缘也会和白色混合。要保留透明请选 PNG 或继续用 WebP;如果对方只收 JPG,就在转换前接受白底,或先把图片放到白色背景上合成。

为什么有些软件打不开 WebP?

WebP 需要较新的解码器。IE 完全不支持,旧版 Photoshop 需要插件,部分旧版 Office 和图片查看器也打不开;较新的 Chrome、Edge、Firefox 和 Safari 则可以。给不确定的环境交付时,优先选 JPG 或 PNG。

相关工具:WebP 格式转换