WebP 转换:转之前先想清楚这四件事

WebP 是这几年的默认选项:同样画质比 JPG 小三成左右,还能同时支持透明和动画。但它不是万能替换——有些场合转过去反而添麻烦。这一页讲的是什么时候该转、转完会遇到什么。

也可以把图片直接拖到这一块 · 图片不上传,处理在本机完成

WebP 能省下多少体积

WebP 有两种工作模式:有损模式对标 JPG,无损模式对标 PNG。有损模式下,同样画质的文件通常比 JPG 小四分之一到三分之一;无损模式下,通常比 PNG 小两成左右。含透明通道的图片收益最明显——PNG 为了透明要付出很大体积代价,而 WebP 可以做到有损压缩的同时保留透明。

换算成实际感受:一张 400KB 的 JPG 网页配图,转 WebP 后大约在 250KB 到 300KB 之间;一张 1.2MB 的透明 PNG 按钮素材,转成有损 WebP 后可能只剩两三百 KB,而且边缘的透明过渡依然干净。

WebP 的短板只有一个,但经常是致命的:兼容性。现代浏览器全部支持,但办公场景里还大量存在打不开 WebP 的软件。如果图片的交付对象不确定,保守一点更省事。

判断依据和 PNG 那一页正好相反。照片、实拍图、复杂的连续色调内容,用有损模式能拿到最大收益,而且看不出差别。界面截图、图表、纯色图标、带锐利文字的内容,用有损模式会在文字边缘产生噪点,这类图应该走无损模式或者干脆保留 PNG。

一个简单的判断方法:这张图放大之后,像素之间是不是连续变化的?是,就用有损;如果画面里存在大量纯色区域和锐利边界,就用无损。

这是 WebP 相比 JPG 最大的优势:它可以同时做到有损压缩和保留透明通道,而 JPG 只能二选一(实际上只能选不透明)。如果你手上有一批带透明背景的素材,又嫌 PNG 太大,WebP 基本是唯一合理的答案。

需要注意的是半透明过渡区域。投影、羽化边缘、半透明蒙层这些内容在有损模式下容易出现色斑,如果素材里有大面积柔和投影,建议质量不要低于 0.8。

WebP 支持动画,但动画 WebP 的压缩路径和静态图完全不同,目前本工具不支持压缩动图。如果拖入的是一张动画 WebP,会被提示不支持并保留原文件,不会产生一个被破坏的结果。

静态 WebP 不受此限制。如果你的动图需要压缩,可行方向是减少帧数或缩短时长,这类操作需要专门的动图处理工具。

同等画质下 WebP 通常小四分之一到三分之一,还支持透明通道,技术指标全面占优。但 JPG 的兼容性是唯一无法被取代的优势——所有系统、所有软件、所有上传接口都认它。网页自用选 WebP,对外交付选 JPG。

不会。转换产生的是一个新的文件,原始文件仍在你原来的位置,不会被动过。下载时文件名会保留原名、只把扩展名换成 webp,方便和原文件对照。

能。微信以及主流浏览器、主流图片查看器都已经支持 WebP。真正受限的是办公软件的部分老版本、打印店的拼版工具,以及一批只接受 jpg 和 png 的政务、招聘类上传系统。

会,而且比一般人预期的更明显。如果原 WebP 是有损压缩的,转 JPG 属于二次有损,两次损失会叠加,暗部和渐变区域最先出现色带。确实需要转的时候,把 JPG 质量设在 0.9 以上,尽量减少第二次损失。