博客

截图用 PNG 还是 JPEG？我们实测了 63 张真实截图

作者 InSnap · 发布于 2026年10月30日 · PNG, JPEG, WebP, 截图文件大小, 截图格式

界面截图用 JPEG 往往并不比 PNG 小。我们在 63 张真实截图上比较了 PNG、JPEG 和 WebP：文件大小、文字上的压缩痕迹，以及真正能让文件变小的做法。

对于应用窗口的截图，JPEG 往往并不比 PNG 小。在我们对 63 张真实界面截图的测试中，质量 85 的 JPEG 体积中位数只有 PNG 的 96%，而且有 40% 的图片反而更大。要想明显变小，质量得降到 70 或以下，而这会在文字周围产生光晕。

更大的节省来自别处：把 Retina 截图缩放到 1x。这是应该首先想到的设置。

测试方法

我们用 InSnap 自己的界面渲染了 63 张截图，每张都是 Retina（2x）尺寸，1840 × 1320 像素：20 张设置页、18 张历史视图、7 张图片编辑界面、13 张指南编辑界面和 5 张视频编辑界面。按保存时的原样计算，PNG 的中位数约为 195 KB。

每张图都重新编码成以下几种格式：经过优化的 PNG；质量 95、85、70 和 50 的 JPEG；以及无损和有损两种 WebP。对每个结果，我们记录了它相对 PNG 的文件大小，以及肉眼可见变化的像素比例，也就是任一颜色通道与原图相差超过 255 级中的 8 级的像素。

这些都是扁平的界面内容，也就是典型的「应用截图」，没有照片。一块完整的 Retina 屏幕所含像素大约是这些窗口的三倍，所以你自己的截图绝对大小会更大。

结果

有三点值得注意。

• 高质量的 JPEG 可能比 PNG 还大。 扁平的颜色和锐利的边缘，正是 PNG 压缩得最好、JPEG 处理得最差的内容。全彩度 JPEG（4:4:4）能让彩色文字更干净，但体积还要更大：质量 85 时相当于 PNG 的 93% 到 155%。
• 无损 WebP 是最小的无损选项，为 PNG 的 31% 到 55%。InSnap 只保存 PNG 或 JPEG，所以这里说明的是另一种编码器能做到什么，而不是你能在设置里选的东西。上传前，先确认目标位置接受 WebP。
• 每一步有损压缩都会改变文字。 换来更小的 JPEG，代价恰好落在你最在意的那些像素上。

质量 85 时，按钮上的文字几乎一模一样，文件大小也和 PNG 相当，没什么可赚的。质量降到 70 和 50 时文件确实变小了，但白色字母周围会出现淡淡的光晕。

真正让截图变小的是什么

缩放比重新编码更有效。Retina 截图的像素是 1x 截图的四倍，而在 InSnap 里，这只需要一个选项。

扁平的界面图本身就压得很好：像素数砍掉四分之三，PNG 只缩小了三分之一。不过，1x 加 JPEG 的组合，是仍能保证文字清晰的最小选项。

在 InSnap 里，打开设置 › 保存，开启 Retina 截图缩放到 1x，并在同一页选择图片格式。详细说明见PNG、JPEG 与剪贴板格式：截图输出设置，文件过大时的完整检查清单见截图太大无法上传？原因和缩小文件的 5 个办法。

该用哪种格式

常见问题

截图用 JPEG 一定比 PNG 小吗？

不一定。对扁平的界面截图，在我们的测试中质量 85 的 JPEG 与 PNG 大小差不多，而且有 40% 的图片比 PNG 更大。质量更低时它才会变小，但文字周围会出现可见的压缩痕迹。

为什么我的 JPEG 截图比 PNG 还大？

截图大多是扁平的颜色和锐利的边缘。PNG 能非常高效地存放这些内容，而 JPEG 为了避免边缘模糊，要在边缘上花更多比特。照片则正好相反。

把 Retina 截图缩放到 1x 会损失画质吗？

宽和高都减半，所以文字只用到原来四分之一的像素。用于文档、聊天和邮件没问题。如果图片要在 Retina 屏幕上查看，或之后还要再裁剪，就保持完整分辨率。

WebP 比 PNG 更适合截图吗？

在我们的测试中，无损 WebP 是 PNG 大小的 31% 到 55%，而像素没有任何变化。InSnap 只保存 PNG 或 JPEG，而且有些上传入口不接受 WebP，所以转换前先确认目标位置。

博客里的更多文章