指南 / Web

WebP、PNG、JPEG 到底怎么选?图片格式不是越新越好

照片、截图、透明背景和网页加载的需求不同。图片格式没有总冠军,只有更适合当前内容的选择。

发布 · 更新 · 9 MIN

“这张图到底该存 PNG 还是 JPG?”最常见的回答是“PNG 清晰,JPG 小”。不能说错,但只说了一半。再把 WebP 加进来以后,图片格式看起来像一个小型动物园。

实际使用不需要背几十个参数。先判断图片是什么类型,通常就已经决定了大半答案。

JPEG 最擅长的是照片

JPEG 很适合人像、风景、食物和复杂光影。真实照片里有大量连续颜色和细碎纹理,有损压缩可以丢掉一部分人眼不太敏感的信息,换来明显更小的文件。

它的缺点也很明确:锐利文字、UI 边缘和简单图形容易出现压缩伪影。截图反复保存成 JPEG 后,文字周围经常会出现一圈脏脏的颗粒。

PNG 擅长锐利边缘和透明

PNG 使用无损压缩,很适合截图、Logo、图表、文字图片、UI 和简单插画。它还支持透明通道,因此透明 Logo 和网页素材经常用 PNG。

但把手机照片改成 PNG,文件往往会巨大,因为照片里到处都是细小色彩变化,PNG 得把这些细节老老实实保留下来。

WebP 为什么特别适合网页

WebP 同时支持有损、无损、透明和动画。在很多网页场景中,同等视觉质量下能比传统格式更节省体积,因此很适合网站图片分发。

不过“WebP 更新,所以任何场景都应该用 WebP”同样不对。某些旧软件、特殊工作流和外部平台对 JPEG/PNG 的兼容依然更稳。你还得考虑图片最后要交给谁。

一个简单选择方法

反复转换为什么越来越糊

有损格式每次重新编码都可能继续丢掉信息。最典型的是 JPEG → 编辑 → JPEG → 编辑 → JPEG。第一次看不明显,多来几次边缘就开始发毛。正确做法是尽量保留高质量源文件,最终输出时再压缩。

改后缀不是格式转换

把 photo.png 改名成 photo.jpg,文件内部仍然是 PNG。真正转换必须先解码原图片,再用目标格式重新编码。

想直接转换,可以用现成工具

Wenvo Tools 的图片格式转换支持 JPG、PNG、WebP 在浏览器本地互转:

https://tools.wenvo.top/image/convert

如果还想检查或清除照片里的 EXIF 元数据,可以直接打开:

https://tools.wenvo.top/image/exif

这两个功能都在设备本地处理图片,不需要为了一个格式转换把照片传到陌生服务器。

懒人版:照片选 JPEG/WebP,截图和文字选 PNG,网页追求更小体积优先考虑 WebP,需要透明选 PNG/WebP。