JPG vs PNG vs WEBP:该用哪种图片格式?

你保存或上传的几乎每一张图片,用的都是这三种格式之一:JPG、PNG 或 WebP。格式选错,要么文件体积暴涨,要么画质肉眼可见地受损。这篇对比会讲清每种格式的工作原理、各自真正的强项,以及如何在几秒钟内做出选择。

先说结论

• 用于网页或电子邮件的照片:选 JPG;如果能控制图片在哪里展示,则选 WebP。
• 屏幕截图、界面截取、Logo,以及带锐利文字或边缘的图片:选 PNG。
• 任何需要透明背景的图片:选 PNG 或 WebP——JPG 无法存储透明信息。
• 页面代码由你掌控的现代网站:无论照片还是图形,WebP 在体积上通常都占优。
• 存档母版以及日后还会再编辑的图片:选 PNG 或相机原始格式——避免反复重新保存有损 JPG。

JPG(JPEG):照片的主力格式

JPG 是 20 世纪 90 年代初专为照片设计的有损格式。它压缩平滑色彩过渡的能力极强,这正是 1200 万像素的手机照片能装进几 MB 的原因。它的短板同样源于这一设计:无法存储透明度,每次重新保存都会轻微劣化,并且在锐利边缘和文字周围会产生可见的伪影——这也是截图和 Logo 存成 JPG 后看起来发糊的原因。此外,它不支持动画。

PNG:像素级还原,支持透明

PNG 是无损格式:每一个像素都能分毫不差地还原。它能干净利落地呈现锐利边缘、大面积纯色和文字,支持完整的 Alpha 透明度,是截图和图形的稳妥通用之选。代价是文件体积——在视觉质量相当的情况下,同一张照片存成 PNG 往往比 JPG 大 5 到 10 倍。PNG 还支持简单的 1 位动画(APNG),但只有部分浏览器能稳定显示。

WebP:现代的默认格式

WebP 出自 Google,单一格式即可同时支持有损与无损压缩、Alpha 透明和动画。在视觉质量相当的前提下,有损 WebP 通常比 JPG 小 25-35%,无损 WebP 也能比 PNG 小约 25%。目前所有浏览器——Chrome、Firefox、Safari 和 Edge——都已支持它多年,因此“兼容性不佳”的老借口如今已不再成立。剩下的注意事项都在浏览器之外:一些较旧的桌面软件、相机和工作流仍然只认 JPG 或 PNG。

实例对比:同一张图,三种格式

以一张典型的宽 2000 像素的照片为例:质量设为 80 的 JPG 约 500 KB,同等视觉质量的有损 WebP 约 350 KB,PNG 则接近 3 MB——三者放到屏幕上看几乎一模一样。再换一张带文字的应用窗口截图:PNG 以适中的体积给出最锐利的效果,WebP 效果相当、体积略小,JPG 体积只比 PNG 略小一点,每个字符周围却布满模糊的光晕。规律始终如一:WebP 赢在体积,PNG 赢在可靠,JPG 赢在通用。

在不同格式之间转换

当你需要换一种格式时——比如客户坚持要把下载的 WebP 换成 PNG,或者 PNG 截图要变成体积小巧的 JPG 才方便通过邮件发送——在 Image Convert(图片转换)工具里点两下鼠标就能搞定。它在浏览器中完成 JPG、PNG 和 WebP 之间的互转,支持批量处理,而且和 ToolsMio 上的所有工具一样,绝不会把你的图片上传到服务器。

现在就用 Image Convert 工具,在 JPG、PNG 和 WebP 之间转换你的图片吧。