JPG、PNG、WebP 怎么选?一篇讲清三种图片格式

三种格式几乎覆盖了日常所有图片:JPG、PNG、WebP。选错就会文件臃肿或画质受损。好消息是,只要知道每种格式为何而生,选择其实很简单。

JPG——为照片而生

JPG(即 JPEG)采用为照片调校的有损压缩:天空、皮肤、风景,凡是有平滑渐变的内容都合适。它丢弃你眼睛不会想念的细节,产出很小的文件。代价是:无法保存透明,且在锐利边缘和文字上会出现块状。相机照片、以及任何在意体积的彩色图片,用 JPG。

PNG——为图形与透明而生

PNG 是无损的:完美还原每个像素,且支持透明。这让它非常适合 logo、图标、截图、线稿,以及任何有锐利边缘或纯色块的内容。代价是体积——一张 PNG 照片可能是同等 JPG 的好几倍大。经验法则:图形用 PNG,照片别用(除非你真的需要无损)。如果你的 PNG 其实是照片,把它转成 JPG 就能大幅缩小。

WebP——现代全能选手

来自 Google 的 WebP 两件事都能做:它有有损模式(同质量下比 JPG 小)和支持透明的无损模式(比 PNG 小)。相对 JPG 通常省 25–35%,相对 PNG 往往更多。所有现代浏览器都支持,因此放在网站上的图片,WebP 通常是最优解。用 JPG 转 WebPPNG 转 WebP 转换你现有的素材。

十秒决策法

是给网站用的吗?用 WebP。需要透明或锐利的 logo/截图?用 PNG(或无损 WebP)。要发邮件或传表单的照片?用 JPG。无论选哪种,之后都可以进一步压缩——全在浏览器本地,零上传。

相关工具