术语

图像格式

图像格式是决定图片如何编码、压缩和存储的文件类型,会影响画质、文件大小、透明度支持和兼容性。

常见格式比较

最常遇到的四种格式是 PNGJPGWebPAVIF,它们各有取舍。

  • PNG——无损压缩,支持透明度,文件较大。每个像素都能准确保留,因此是包含文字、UI 元素和锐利边缘的截图的默认选择。在四种格式中,它生成的文件通常最大。
  • JPG——有损压缩,不支持透明度,文件较小,专为带平滑渐变的照片内容设计。质量设置较低时,锐利边缘和文字周围会出现瑕疵,不适合作为截图的首选。
  • WebP——同时支持有损和无损压缩,也支持透明度。在画质相当时,生成的文件通常比 PNG 或 JPG 小。现代浏览器已广泛支持,适合多数用途。
  • AVIF——四种格式中最新,压缩率最高,同时支持有损、无损和透明度。浏览器支持范围已经很广,但尚未完全覆盖,而且编码速度比其他格式慢。

各种格式适合哪些场景

  • PNG——文字清晰度和像素级准确性最重要时,或收件人可能使用较旧的软件时。适合文档、错误报告和合规截图。
  • JPG——图片以照片为主、文件大小优先,而且不需要透明度时。适合营销照片、社交媒体图片和允许轻微画质损失的邮件附件。
  • WebP——图片用于现代网页,希望在不牺牲画质的情况下减小文件时。适合博客图片、产品页面和网页文档。
  • AVIF——需要尽可能压缩文件,并且可以为不支持的客户端提供后备格式时。适合性能要求高的网页和包含大量图片的应用。

格式与截图质量

格式会直接影响截图保存后的样子。把文字较多的 UI 截图按默认质量保存为 JPG,字形和界面边缘周围会出现明显瑕疵。同一张截图保存为 PNG 可以准确保留像素,但文件可能大 2–5 倍。

自动截图、批量导出和视觉文档等会生成大量图片的流程中,格式差异会不断累积。使用无损 WebP 替代 PNG,通常可以在画质相同的情况下节省 20%–30% 的存储空间。使用 JPG 能节省更多,但会引入瑕疵,使较小尺寸的文字难以阅读。

一些采集工具允许在截图前选择输出格式,直接把图片保存为合适格式,无需之后再单独转换。

常见问题

  • 用 JPG 保存含文字的截图。 JPG 的有损压缩会在锐利边缘和字形周围产生明显瑕疵。带可读文字的内容应使用 PNG 或无损 WebP。
  • 文件大小重要时仍默认使用 PNG。 PNG 文件较大。如果截图用于网页,而且文字清晰度并非关键,可以用有损 WebP 或 AVIF 显著减小文件。
  • 忽略透明度要求。 JPG 不支持透明度。把透明背景截图保存为 JPG,会用纯色(通常是白色)填充 Alpha 通道,而且无法恢复。
  • 反复在有损格式之间转换。 每次重新进行有损编码都会进一步降低画质。更改格式时,应始终从原始无损源文件开始。

常见问题

哪种图片格式最适合截图?

PNG 是最稳妥的默认选择。它使用无损压缩,能保留清晰的文字和 UI 边缘,也支持透明度。用于网页且文件大小很重要时,无损 WebP 是不错的替代格式。

有损格式与无损格式有什么区别?

PNG 等无损格式会准确保留每个像素。JPG 等有损格式会丢弃部分数据,以生成更小的文件。选择时需要在文件大小和画质还原度之间权衡。

应该使用 AVIF 吗?

AVIF 的压缩率很高,但浏览器和工具支持仍在逐步完善。如果可以为不支持的客户端提供后备格式,它很适合用于网页传输。

图片格式会影响透明度吗?

会。PNG、WebP 和 AVIF 支持透明度(Alpha 通道),JPG 不支持。导出为 JPG 时,透明区域会被填充为纯色,通常是白色。

不同格式之间转换时可以不损失画质吗?

从一种无损格式转换为另一种无损格式,可以保留画质。从有损格式转换为任何其他格式,都无法恢复已经丢弃的数据。应始终从可用的最高质量源文件开始转换。

参考资料

相关资料

什么是图像格式? | 术语表 | Shotomatic