PNG 和 JPG 到底有什么区别？
一文讲清 PNG 和 JPG 的区别：无损与有损、透明背景、文件大小，以及什么时候该用 PNG、什么时候用 JPG 更合适。
PNG 和 JPG 是最常见的两种图片格式，它们的区别归根到底只有一个设计取舍：PNG 原样保留每一个像素，而 JPG 会丢掉人眼不太容易察觉的细节，换来小得多的文件。几乎所有其他差异都源自这一点，比如截图存成 PNG 为什么清晰，手机拍的照片为什么默认存成 JPG。这篇指南会讲清 PNG 和 JPG 的真正区别，并给你一条简单的选择规则。
PNG 是什么#
PNG（Portable Network Graphics，便携式网络图形）是一种无损图片格式。它诞生于 20 世纪 90 年代中期，最初是作为 GIF 的无专利替代方案，至今仍由 W3C 规范定义。所谓无损，就是打开一张 PNG 时，你拿到的像素和保存时完全一致，没有任何近似或模糊处理。
PNG 还有两个在实际使用中很重要的优点：
- 支持透明。 PNG 支持完整的 Alpha 通道，每个像素可以完全不透明、完全透明，或介于两者之间。所以 Logo、图标和抠好图的商品图几乎都是 PNG。
- 锐利的边缘保持锐利。 文字、线条和大块纯色区域都能干净地呈现，边缘不会出现模糊或马赛克一样的噪点。
代价是体积。因为 PNG 从不丢弃信息，一张细节丰富的照片存成 PNG，通常会比存成 JPG 大得多。
JPG 是什么#
JPG（也写作 JPEG）是一种有损格式，在 90 年代初完成标准化，至今仍是几乎所有场景下照片的默认格式。它不会逐个保存像素，而是把图片切成许多小块，简化每一块里的细微细节和颜色变化，只保留人眼最容易注意到的部分。想了解技术细节的话，可以看 MDN 的图片格式指南。
对照片来说，这种方式效果非常好：天空、皮肤和树叶本身就有大量自然变化，在常规质量设置下，这些简化很难被看出来。不过 JPG 有两个实打实的限制：
- 不支持透明。 JPG 里的每个像素都是实心的，透明背景必须用某种颜色填充，通常是白色。
- 边缘容易受损。 文字、线稿和截图的锐利边缘周围常会出现模糊的光晕和块状瑕疵，因为这正是 JPG 压缩会简化的那类细节。
PNG 和 JPG 直接对比#
| PNG | JPG | |
|---|---|---|
| 压缩方式 | 无损：每个像素都被保留 | 有损：会丢弃部分细节 |
| 透明 | 支持，完整的 Alpha 通道 | 不支持，每个像素都是实心的 |
| 照片的文件大小 | 大 | 小得多 |
| 文字、Logo、截图 | 清晰干净 | 边缘容易模糊、出现瑕疵 |
| 反复保存 | 保存多少次都不损失画质 | 每次重新保存都可能再损失一点细节 |
| 最适合 | 图形、Logo、图标、截图，以及任何需要透明的图片 | 照片和复杂、写实的图像 |
如果想深入了解有损和无损格式为什么差别这么大，可以读读我们这篇通俗易懂的有损压缩与无损压缩。
什么时候用 PNG#
当准确度或透明比文件大小更重要时，用 PNG：
- Logo 和图标，尤其是要放在不同背景颜色上的。
- 截图，特别是里面有文字、菜单或代码、需要保持清晰可读的。
- 示意图、图表和插画，也就是以纯色和硬边缘为主的图片。
- 需要反复编辑的工作文件，因为 PNG 重新保存不会降质。
如果手上有一张 JPG 要用在只认 PNG 的地方，我们的 JPG 转 PNG 工具可以直接在浏览器里完成转换。但要注意，它没法找回 JPG 已经丢掉的细节：得到的只是这张 JPG 的 PNG 副本，而且文件会更大。
什么时候用 JPG#
当图片是照片、并且文件大小很重要时，用 JPG：
- 网站上的照片，文件越小，页面加载越快。
- 邮件附件和聊天发送，这些场景经常有大小限制，网络也不一定快。
- 上传到表单和各类平台，它们要求上传照片，还会限制文件大小。
- 一次分享大量照片，换成 PNG 体积会迅速膨胀。
要把 PNG 转成 JPG，可以用我们免费的 PNG 转 JPG 工具。它完全在浏览器里运行，图片不会上传到任何服务器；一次最多可以处理 20 个文件，默认质量为 90%，能让照片保持干净清晰。由于 JPG 无法保存透明，透明区域会被填充成白色。
文件大小怎么选#
对照片来说，JPG 在体积上明显占优；只有在需要无损画质或透明时，PNG 多出来的体积才值得。而对于只有几种纯色的简单图形，PNG 的体积可能不相上下，甚至更小，因为无损压缩处理大面积单一颜色的效率很高。
选对格式后文件还是太大，可以用我们的图片压缩工具，它能在不改变格式的前提下压缩 JPG 和 PNG。更多方法可以参考如何在不损失画质的情况下压缩图片。如果你在做网站，还值得了解一下 WebP 这类新格式，它们可以同时胜任这两种工作，WebP 文件是什么一文讲了什么时候适合用它。
常见问题#
PNG 的画质比 JPG 好吗？ PNG 是无损格式，能完整保留图像，而 JPG 为了节省空间会丢弃部分细节，所以从技术上讲 PNG 的保真度更高。不过对于普通照片，在常规 JPG 质量设置下，大多数人看不出区别，而 JPG 的文件要小得多。
把 JPG 转成 PNG 能提升画质吗？ 不能，把 JPG 转成 PNG 无法恢复 JPG 压缩时已经丢掉的细节。得到的 PNG 只是这张 JPG 当前状态的完全复制，文件通常还会更大。
PNG 转 JPG 时透明部分会怎样？ JPG 不支持透明，所以转换时 PNG 里的透明区域会被填充成纯色，ConvertOwl 的 PNG 转 JPG 工具会把它们填充为白色。如果需要保留透明背景，请继续使用 PNG。
为什么截图存成 JPG 会变模糊？ JPG 压缩会简化锐利、高对比度边缘周围的细节，而截图里的文字和界面元素恰恰由这些边缘组成。想让文字保持清晰，截图请存成 PNG。
网站上应该用 PNG 还是 JPG？ 照片用 JPG，需要透明或锐利边缘的 Logo、图标和图形用 PNG。这样搭配既能让页面加载快，又不会让图形变糊。
JPG 反复保存会降低画质吗？ 会，JPG 每次编辑后重新保存，都会再经历一次有损压缩，瑕疵可能会逐渐累积。PNG 没有这个问题，如果一张图要反复编辑，请保留 PNG 或原始文件。
一句话总结#
试用这些工具
免费、私密、即时，一切都在你的浏览器中运行。
