PNG、JPG、WebP——我该用哪种图片格式？
网络上几乎每一张图片都属于三种格式之一，而每一种格式都为了达到自己的目的而牺牲了一些别的东西。JPG 通过丢弃人眼不太可能察觉的细节，对照片进行激进压缩；PNG 让每一个像素都保持原样，并额外支持透明度；WebP 则是谷歌推出的较新格式，试图同时兼顾这两件事——有损与无损压缩、加上透明度支持——在通常比这两种老格式都更小的文件体积下实现。选错格式很少是致命的，但确实意味着页面加载时间臃肿，或图片明显模糊、出现块状瑕疵。本指南将详细说明每种格式底层实际做了什么、HEIC（iPhone 保存照片所用的格式）在其中处于什么位置，以及如何在不上传文件的情况下转换或压缩它们中的任意一种。
什么是 JPG？什么时候该用它？
JPG（也写作 JPEG）使用有损压缩：它按区块分析图像，丢弃人眼不太容易察觉的细节和色彩变化，解码时再重建出一个近似结果。正是这种取舍让 JPG 体积很小——一张未压缩时要占用数兆字节的照片，压缩到大多数人无法与原图区分的画质设置下，往往只需几百 KB。JPG 没有透明通道，因此始终以不透明背景渲染，也不太适合截图、线条画或文字这类内容，因为在这些场景中，锐利边缘周围的柔化模糊会变得很明显。请把 JPG 用在照片和照片类图像上——产品图、人像、风景照——这类内容重视体积、且本来就有背景。
什么是 PNG？什么时候该用它？
PNG 使用无损压缩：您保存的每一个像素，取回时都分毫不差，没有任何近似。这让 PNG 成为截图、界面设计稿、Logo、示意图，以及任何包含锐利文字或硬边缘的图像的正确选择——在这些场景下，有损压缩带来的瑕疵会立刻在边缘周围表现为模糊或块状噪点。PNG 还支持完整的 alpha（透明度）通道，因此 Logo 或图标可以拥有真正可以透视的背景，而不是周围带一圈白色或彩色方框。代价在于体积：由于 PNG 不能丢弃细节，同一张照片保存为 PNG 通常比保存为 JPG 大出好几倍，而对照片这类主体而言，这并不会带来肉眼可见的画质提升。
什么是 WebP？它与 JPG、PNG 有何不同？
WebP 是一种更新的格式，目标是一次性取代前面两种老格式。它在同一种文件格式中同时支持有损和无损压缩，外加像 PNG 一样完整的透明通道——因此单一格式就能同时应对压缩照片、无损截图和透明 Logo 这几类需求。实际使用中，WebP 文件通常比同等画质的 JPG 小 25%–35%，无损 WebP 通常也比保存为 PNG 的同一张图片更小。自 2020 年代初以来，浏览器对它的支持已经近乎普及（所有主流浏览器都能原生渲染），这也消除了过去反对使用它的主要理由。剩下的顾虑在于浏览器之外的兼容性：一些较旧的图像编辑软件、老旧的 CMS 插件，以及印刷或设计工作流程，仍然无法直接打开 WebP，因此在全面采用它之前，值得先检查一下您自己具体使用的工具链。
HEIC 处于什么位置？应该转换它吗？
HEIC 是 iPhone 自 iOS 11 起默认用来保存照片的格式——在相近画质下，它的压缩效率比 JPG 更高，这也是它在手机上占用空间更少的原因。问题出在兼容性，而不是画质：不少 Windows 软件、较旧的安卓应用、网页表单和邮件客户端，要么完全无法打开 .heic 文件，要么处理得很别扭。如果您要把照片分享到可能不支持 HEIC 的地方——上传到网站、发给使用未知设备的人、发布到较旧的软件——为获得最广泛的兼容性，请先把它转换成 JPG；只有当您确实需要无损画质或透明度时（对相机拍摄的照片来说很少见）才转换成 PNG。LocalMedia 的 HEIC 转 JPG 转换器完全在您的浏览器中完成这一转换，照片从您的设备读取、转换、再保存回去，全程不会被上传到任何地方。
按使用场景来看，实际该选哪种格式？
这个决定通常取决于图像的内容以及它将被用在哪里。对于要发布到网上的照片或照片级写实图像：如果您所用的平台支持 WebP 就用 WebP，否则用 JPG。对于截图、扫描文档、示意图，或任何包含文字的内容：用 PNG（或无损 WebP），让边缘保持锐利。对于需要透明背景的 Logo、图标或图形：用 PNG 或 WebP——绝不要用 JPG，因为它完全无法表现透明度。为了在旧软件、邮件客户端或印刷工作流程中获得最大兼容性，JPG 和 PNG 仍然是最安全的通用选择，因为 WebP 在现代浏览器之外的支持仍不稳定。
为什么反复重新保存 JPG 会让画质越来越差？
由于 JPG 的压缩是有损的，每次您打开一张 JPG、编辑它、再重新保存为 JPG，格式都会在第一次已经丢弃的细节之上，重新分析并再次丢弃细节。反复编辑并重新保存几次之后，累积的损失就会以柔化模糊、色带，或边缘周围的块状瑕疵等形式变得肉眼可见——这个问题通常被称为世代损失（generation loss）。PNG 不会出现这个问题，因为无损压缩无论重新保存多少次都不会丢弃细节。如果您需要多次编辑同一张照片，请在编辑过程中保留一份 PNG 或其他无损格式的母版，只在最后交付时导出一次 JPG。
如何在不上传的情况下转换或压缩图片？
在 JPG、PNG、WebP 和 HEIC 之间转换，或是把体积过大的文件压缩变小，其实完全不需要把图片发送到服务器——浏览器自己就能解码并重新编码大多数常见的图片格式。LocalMedia 的图片格式转换工具可以直接在您的浏览器标签页内切换 JPG、PNG 和 WebP，图片压缩工具则通过调整画质或尺寸来减小文件体积，二者都不会让文件离开您的设备。您可以自行确认这一点：打开浏览器的开发者工具（F12），进入「网络」面板，在转换或压缩文件时观察是否出现上传请求——真正的本地工具不会发送任何内容。
相关工具
常见问题
- PNG 和 JPG 哪个更好？
- 两者都不是绝对更好——它们是为不同内容而设计的。JPG 的有损压缩让照片文件小得多，而 PNG 的无损压缩能让截图、文字和图形免于模糊，并提供 JPG 完全不具备的透明度支持。照片用 JPG，任何带锐利边缘、文字或透明背景的内容用 PNG。
- WebP 比 JPG 好吗？
- 就文件体积和画质而言，总体上是的：WebP 生成的文件通常比同等画质的 JPG 小 25%–35%，而且还支持透明度和无损压缩，这些都是 JPG 完全做不到的。仍然选择 JPG 而非 WebP 的唯一理由，是要兼容那些无法打开 WebP 文件的旧软件或工作流程。
- WebP 支持透明背景吗？
- 支持。WebP 在有损和无损两种模式下都具备完整的 alpha 透明通道，因此它可以替代 PNG 来制作透明 Logo 和图标，同时通常还能生成更小的文件。
- HEIC 应该转换成 JPG 还是 PNG？
- 几乎在所有情况下都应该转换成 JPG——它体积更小、兼容性更广，正好符合相机照片的需求。只有当您确实需要无损画质或透明背景时才转换成 PNG，而这对一张普通照片来说并不常见。
- 哪种格式生成的文件体积最小？
- 对于照片，有损 WebP 通常体积最小，其次是 JPG，PNG 则大得多。对于截图、文字或线条画，无损 WebP 通常体积最小，其次是 PNG，因为无论文件大小如何，JPG 的有损压缩都不太适合锐利边缘。
- 在 PNG、JPG 和 WebP 之间转换会损失画质吗？
- 从无损格式（PNG）转换到另一种无损设置，画质会被精确保留。转换成有损格式，或在有损格式（JPG、有损 WebP）之间转换，总会重新压缩图像，因此每次转换都会损失一些画质——如果您预计要多次转换或编辑同一张图片，请保留一份无损母版。