什么时候 PNG 更合适
PNG 是为图形设计的无损格式。截图、界面元素、图表、文字、Logo 和插画这类颜色平整、边缘锐利的图像,用 PNG 效果最好,有损压缩会在这些边缘周围产生模糊的光晕。PNG 还支持完整的透明通道,这是 JPG 做不到的。如果你还要继续编辑图片,不想引入新的压缩痕迹;或者某个软件、网站接受 PNG 却不接受 WebP,那么把 WebP 转成 PNG 就是正确的做法。
在国内,这种情况尤其常见:从网页上保存的表情包、贴纸、商品图和 Logo,很多是带透明背景的 WebP。直接拖进 PPT、旧版 Photoshop 或设计软件时,要么打不开,要么透明背景变成黑色或白色。转成 PNG 之后,透明效果完整保留,在哪里都能用。做电商详情页、做 PPT、做海报素材时都很方便。
工作原理
文件的真实格式是根据内容识别的,与扩展名无关。静态 WebP 由在后台 Web Worker 里运行的 libwebp(WebAssembly 版)解码,得到的像素包括透明通道,再由 WebAssembly 版的 PNG 编码器写成 PNG。WebP 动图由浏览器解码,只取第一帧。所有处理都在你的设备上完成,所以不用上传、不用排队,转换数量也没有限制。
怎么判断图片是不是 WebP
有时候你并不知道手里的图片是什么格式。可以这样判断:
- 看扩展名。 在 Windows 上打开“文件扩展名”显示,在 Mac 上用“显示简介”,文件名以 .webp 结尾的就是 WebP。
- 另存为时留意。 在浏览器里右键“图片另存为”,如果默认的文件类型是 WebP,保存下来就是 WebP。
- 扩展名不一定可靠。 有些网站会给 WebP 图片起 .jpg 或 .png 的名字,软件打开时就会报错或显示异常。
不确定也没关系,直接把图片拖进来就行。这个工具按文件内容识别真实格式,不管扩展名写的是什么,都能正确转换。
控制文件大小
照片存成 PNG 可能会非常大。如果你的 WebP 是照片而不是图形,可以考虑这些办法:
- 不需要透明背景的话,用 WebP 转 JPG 转成 JPG;
- 先用修改图片尺寸把图缩小,宽和高各减半,像素数就少了 75%;
- 如果只是放在网页上,直接用 WebP 就好,所有现在的浏览器都能显示,它通常也是最小的。
对于图形、截图和 Logo,PNG 文件仍然很紧凑,而且看起来和原图一模一样。