PNG 和 JPG 有什么区别？什么时候用哪个

PNG 和 JPG 是最常见的两种图片格式，但它们的设计目标完全不同，用错了要么图片发糊、要么体积白白变大。这篇用最直白的方式讲清两者的核心区别，以及照片、截图、图标等常见场景到底该用哪个。

核心区别：有损 vs 无损

JPG（JPEG）通常使用有损压缩：它通过简化色彩与细节来减小文件，对色调连续的照片很有效。将已有 JPG 再次有损编码可能累积伪影，因此修图时应保留无损源文件，交付时再输出一次。

PNG 是无损压缩：像素信息被完整保留，反复保存也不会掉画质，并且支持透明背景。代价是对照片这类内容，体积通常比 JPG 大得多。

透明通道

这是一个决定性的差异：PNG 支持透明，JPG 不支持。需要透明背景的 Logo、图标或贴纸可以用 PNG、WebP 或 AVIF。在 SnapshotLab 中转成 JPG 时，透明区域会与白色背景合成，所以下载前要先预览边缘。

怎么选：按内容类型

• 照片、写实图像：用 JPG。色彩连续、细节多，JPG 能在很小的体积下保持不错的观感。
• 截图、界面图：含文字和锐利边缘，用 PNG 更清晰；JPG 会在文字周围产生模糊的“噪点”。
• 图标、Logo、线条图：颜色少、需要锐利边缘或透明，用 PNG。
• 需要透明背景：用 PNG、WebP 或 AVIF，不要用 JPG。

那 WebP / AVIF 呢

WebP 和 AVIF 是更现代的格式，往往能在相同画质下比 JPG/PNG 更小，且同时支持有损、无损与透明。如果面向现代浏览器、追求更小体积，它们通常是更好的选择。详细对比见 《WebP vs AVIF》。

SnapshotLab 怎么实测

为了避免用一张图概括所有情况，我们用三类同尺寸样本复核流程：含肤色与树叶细节的照片、含 12–16 px 小字和细线的界面截图、带半透明边缘的图标。同一源图分别输出 PNG 和 JPG，记录字节数，再以 100% 查看照片细节和字符边缘，以 200% 只用来定位伪影。

1. 对照片，从 JPG 质量 80 作为试验起点，每次只调一个参数；80 不是通用最优值。
2. 对截图，重点看小字四周的振铃、色边和渐变断层；如果 JPG 体积虽小但影响阅读，就不合格。
3. 对透明图，把输出同时放在深色和浅色背景。JPG 无法通过“保留透明”这项需求，不应只按体积评选。

限制与容易误判的场景

• 颜色少、大面积纯色的小图有时 PNG 反而更小；“PNG 一定比 JPG 大”是错的。
• 投影、柔边与复杂透明图可以用 PNG，但体积可能很大；此时应把 WebP/AVIF 透明输出一起加入测试。
• 转换器不应被假定会保留 EXIF、位置、颜色配置或其他元数据；对档案、印刷或证据图片要另行核对。

格式依据

PNG 的无损与透明能力见 W3C PNG 第三版规范；JPEG 标准与官方资料可在 JPEG.org 查阅。

动手试试

想在 PNG、JPG、WebP、AVIF 之间转换，或把大图压小，用 图片压缩 / 格式转换工具——它在浏览器本地完成，图片不上传。需要调整尺寸配合 图片缩放；想把图片合成 PDF 用 图片转 PDF。更多压缩技巧见 《图片压缩实战指南》。