添加到 Chrome

PNG 和 JPG 的区别:截图该用哪种格式

2026年10月31日 · 1 min read

说到 PNG 和 JPG 的区别,对截图来说,PNG 通常是更好的格式:它是无损的,文字、图标和界面边缘都保持清晰。JPG 使用有损压缩,适合照片、文件也更小,但可能让细线变糊,在字母周围留下色晕。MDN 的图像格式指南总结说,PNG 最适合截图、示意图和线条图,而 JPEG 主要适合照片。

PNG 与 JPG 对比

PNG JPG
压缩 无损 有损
透明背景 支持 不支持
适合 截图、文字、示意图、界面 照片和带渐变的图片
文字和锐利边缘 保持清晰 可能模糊或有色晕

这张表依据 MDN 的图像文件类型指南。该指南建议截图、示意图、徽标和线条图使用无损编码,因为文字和锐利边缘周围的模糊和色晕非常显眼。

什么时候选 PNG

  • 应用、网站、设置页面和错误信息的截图。
  • 任何包含需要阅读的小字的内容。
  • 需要透明背景的图片。

照片很多的页面,PNG 文件可能很大。这是保留每个像素的代价。

什么时候选 JPG

  • 主要是照片的截图,比如商品图库。
  • 文件必须很小时,比如有大小限制的表单。
  • 轻微变柔和也没关系时。

什么时候 PDF 比两者都好

要阅读、打印或作为文档发送的长网页,PDF 比一张很高的图片更方便。请看 图片转 PDF。

在哪里选择格式

大多数工具会替你选:Chrome DevTools 和 Firefox 截图工具都保存 PNG。在 macOS Tahoe 26 及以上版本中,截屏应用的 选项 菜单可以在 PNG 和 HEIF 之间选择,Apple 的指南 有说明。要转换已有文件,在 Mac 上用“预览”打开,选择 文件 > 导出 并选一种格式,Apple 的说明 中有步骤。

在 Chrome 中,Full page screenshot 把选择放在每种截图模式旁边:PNG 文字清晰,JPG 文件更小,PDF 适合文档。要把整个页面存成图片,请看 网页保存为图片。

整页截图旁的格式菜单,可选 PDF、PNG 和 JPG(英文界面)
PDF、PNG 或 JPG 在每种模式旁边选择。

常见问题

PNG 的质量比 JPG 高吗?

对截图来说是的:PNG 无损,什么都不会丢。JPG 为了节省空间会丢弃细节,在文字和锐利边缘上尤其明显。

为什么我的 PNG 截图这么大?

PNG 保留每一个像素,照片多的页面会产生大文件。如果大小比清晰度更重要,就存成 JPG。

能把 PNG 截图转成 JPG 吗?

能。在 Mac 上用“预览”打开,选择 文件 > 导出 并选 JPEG。在 Windows 上用画图打开,用“另存为”选择 JPEG。

每次截图都能选 PNG、JPG 或 PDF

Capture the whole page in one click and save it as PDF, PNG or JPG.

Keep reading

保存为 PNG 或 JPG →