使用 JPG 用于照片，PNG 用于图形、屏幕截图和透明度。该单一规则解决了大多数格式决策。其背后的原因可以归结为数字：保存为 PNG 的 12 兆像素照片重 2 到 8 MB，而保存为 JPG 的同一张照片则在 200 到 800 KB 之间，肉眼无法察觉到任何差异。然而，翻转内容，优势也会随之翻转。保存为 JPG 的纯色徽标会在其边缘周围产生模糊光晕，而 PNG 不会产生这种光晕。本指南解释了每种格式的实际用途、每种格式的缺陷以及为照片、徽标、屏幕截图、打印和网页选择哪种格式。

什么是 PNG 文件？

PNG 代表 便携式网络图形，一种于 1996 年发布的格式，作为 GIF 的无专利替代品。它使用 DEFLATE 算法进行无损压缩，这与 ZIP 存档使用的方法相同，因此每个像素在保存和重新保存时都不会发生变化。巴布亚新几内亚还携带 阿尔法通道，每个像素的第四个值，用于控制从完全不可见到完全实心的不透明度。存在两种常见的变体：PNG-8 将调色板限制为 256 种颜色，并为简单图形保留很小的文件，而 PNG-24 则存储数百万种颜色以获得更丰富的图像。屏幕截图、徽标、图标、图表和界面模型都发挥了 PNG 的优势。照片则不然，而这正是它的竞争对手所取代的地方。

什么是 JPG 文件？

JPG（与 JPEG 相同，是 联合摄影专家组）于 1992 年问世，专为一项工作而设计：缩小照片。它将图像划分为 8 x 8 像素块，并丢弃人类视觉几乎无法识别的颜色细节，这一过程称为有损压缩。从 0 到 100 的质量刻度盘控制丢弃的激进程度。在表盘的顶部，损失是看不见的；在底部，图像变得块状。交易有硬成本： JPG 没有 Alpha 通道，所以它不能保持透明背景，并且它丢弃的数据永远不会回来。该交易实际上使您的文件小了多少？数字是惊人的。

文件大小：真实世界的数字

文件大小是两种格式差异最大的地方，获胜者完全取决于内容：

智能手机照片：PNG 格式大约为 4MB，JPG 格式为 300 到 500KB，质量为 90。JPG 的优势是 10 倍。
全屏桌面截图：PNG 格式为 2 到 5MB，JPG 格式约为 400KB。 JPG 在大小上胜出，但文本边缘略有软化。
双色徽标，500 x 500 像素：PNG-8 时约 8KB，JPG 时约 25KB 或更多，有明显的边缘噪点。 PNG 在尺寸和外观上都获胜。
梯度重的图表：结果各不相同，两者都值得测试。

因此，这两种格式都不是普遍的“小格式”。照片内容的压缩效果比 JPG 好得多；颜色很少的平面图形通常比 PNG 压缩得更好。大小只是故事的一半，因为每种格式的失败方式也不同。

图像质量：每种格式的突破点

质量问题出现在相反的地方。 JPG的弱点是 锐利、高对比度的边缘：白底黑字、细线、硬边框。激进的压缩会在这些边缘周围散布微弱的斑点（称为振铃伪影），这就是为什么即使在相同设置下的照片看起来不错，严重压缩的屏幕截图也会看起来很脏。 JPG 也受到影响 发电损失：每个编辑和保存周期都会重新压缩图像并将新的损坏叠加在旧的损坏上。 PNG 这两个问题都没有。它的弱点纯粹是重量；完美需要花费兆字节。格式之间的第三个区别根本不是质量。这是关于图像背后发生的事情。

透明度和 Alpha 通道

在此比较中，透明度仅属于 PNG。它的 Alpha 通道允许徽标浮动在任何页面颜色上，这就是网页设计人员默认将界面资源导出为 PNG 的原因。将该文件转换为 JPG，透明区域必须展平为纯色，默认情况下为白色我们的转换器，提供黑色和自定义填充。我们在我们的文章中详细介绍了机制透明背景指南。确定了三个核心差异后，对任何给定文件的选择就变得机械化了。

何时使用 PNG

在这些情况下请使用 PNG：

标志和图标，其中边缘在任何压缩水平下都必须保持锋利。
您将注释或重新编辑的屏幕截图，因为重复保存不需要任何成本。
需要透明度的图像：水印、叠加、浮动图形。
图表、图表和文字较多的图形，其中压缩斑点会损害可读性。
母本您以后可能会修改的任何内容。

何时使用 JPG

为这些作业选择 JPG：

照片走向任何地方：网络、电子邮件、社交、存储。
上传表格 在政府门户网站和求职网站上，它们经常要求使用 JPG 并强制执行 100KB 或 200KB 等上限。
电子邮件附件，其中十张图像批次需要符合 Gmail 和 Outlook 规定的 25MB 上限。
网站内容图片，因为较轻的页面排名和转化效果更好。
存档完成的照片 质量为 90 或以上，以无形损失换取巨大的存储节省。

哪个更适合您的网站？

对于每项摄影资产，网站性能都偏向 JPG。页面权重直接输入 最大的内容涂料是 Google 的核心 Web 生命线之一，将 PNG 照片替换为 JPG 副本通常是图像较多的页面上可实现的最大一步节省。为需要的部分保留 PNG：徽标、透明图标和 UI 元素。现代网站越来越多地提供服务 WebP 或 AVIF，它在压缩方面击败了这两种经典格式，但 JPG 仍然是可以在任何地方打开的通用后备格式，从十年前的浏览器到办公软件。无论您选择哪种组合，您最终都需要将图像从一种格式移动到另一种格式。

如何在 PNG 和 JPG 之间进行转换

转换需要三个步骤基于浏览器的免费工具：放入 PNG 文件，选择质量级别或确切的目标尺寸，然后下载结果。处理发生在您自己的设备上，无需上传任何内容。走向另一个方向（JPG 到 PNG）在技术上是微不足道的，但很少有用，因为将已经压缩的像素包装在无损容器中不会恢复任何内容，并且会使文件膨胀。我们的质量指南涵盖了值得使用的确切设置。

PNG 比 JPG 质量更高吗？

对于图形来说是的，对于照片来说实际上不是。 PNG在数学上是完美的 因为没有任何东西被丢弃，但在以正常尺寸查看的照片上，以质量 90 保存的 JPG 看起来完全相同，但重量却只有十分之一。

无损压缩是什么意思？

无损压缩方式 文件缩小而不丢弃任何像素数据，所以解压可以准确地恢复图像。有损压缩通过永久删除眼睛不太可能错过的细节来进一步缩小。

我应该对徽标、照片和屏幕截图使用哪种格式？

徽标采用 PNG，照片采用 JPG，屏幕截图取决于目的地：编辑时保留PNG，转换为JPG以便共享或上传。

用于打印的 PNG 或 JPG？

要么以高分辨率打印良好，但是 印刷店通常更喜欢 JPG 因为文件传输速度更快并且它们的颜色管道期望如此。以 95 或更高质量导出，因此压缩在纸张上保持不可见。

为什么我的 PNG 文件这么大？

因为 无损存储摄影细节的成本很高。数以百万计的细微不同的颜色使 DEFLATE 算法几乎不需要压缩，因此该格式最终存储的几乎是原始像素数据。

将 JPG 转换为 PNG 是否可以提高质量？

不。 丢弃的详细 JPG 永久消失，PNG 包装器只是将损坏的版本保留在更大的文件中。

哪些图像格式支持透明度？

PNG、WebP、AVIF 和 GIF 支持透明度； JPG 和 BMP 则不然。 PNG 提供较旧格式最平滑的 alpha 混合。

WebP 比 PNG 和 JPG 更好吗？

关于压缩，是的： WebP 文件运行时小 25% 到 35% 比同等的 JPG 更好，并且也支持透明度。 JPG 仍然在与旧软件的通用兼容性方面胜出，这就是为什么两者仍然随处可见。

还在决定吗？通过以下方式运行图像的副本 PNG 到 JPG 转换器并将结果与原始结果并排进行比较。正确答案通常在几秒钟内就显而易见，而且不需要任何检查费用。