JPG、PNG、WebP是同一个问题的三个答案：这张图片应该如何存储？每个人都擅长不同的事情。一旦您知道自己在看什么，选择好大约需要十秒钟，而且它通常比您随后选择的质量设置更重要。
简短版本
| 格式 | 最适合 | 透明度 | 典型文件大小 |
|---|---|---|---|
| JPEG (.jpg) | 照片、相机图像、扫描照片 | 不 | 适合拍照的小号 |
| PNG (.png) | 屏幕截图、文本、徽标、平面图形 | 是的 | 对于照片而言尺寸较大，对于图形而言效率较高 |
| WebP (.webp) | 现代网络图像，包括照片和图形 | 是的 | 通常是整体最小的 |
如果您只记得一行：对于照片使用 JPEG 或 WebP，对于任何具有清晰边缘或透明背景的内容使用 PNG。
JPEG：仍然是照片的默认格式
JPEG 是一种有损格式。它以小块的形式查看图像并存储近似值，丢弃人眼不太明显的细节。对于具有平滑渐变、纹理且没有完美直边的照片来说，这种权衡非常好。大照片可以变成小文件，在正常查看尺寸下没有明显变化。
格式也非常兼容。每个浏览器、手机、照片打印机和文档工具都可以打开 JPEG。如果文件必须在任何地方都可以使用而无需任何解释，那么 JPEG 是安全的选择。
它的弱点同样是众所周知的。它没有透明度。它在锐利的线条和文本方面表现不佳，压缩会产生光晕和块状斑块。而且每次保存时都会有损，因此重复编辑和导出相同的 JPEG 会逐渐降低其质量。保留原件并导出一次。
PNG：清晰的边缘和透明度
PNG 是无损的。您保存的图像就是您返回的图像，逐个像素。这使得它成为屏幕截图、图表、徽标、图标和界面图形的正确选择，这些内容的清晰边缘很重要，而有损编码器往往会留下明显的损坏。
PNG 还支持 Alpha 透明度，这使得它对于放置在彩色背景上的徽标以及具有柔和阴影的界面元素非常有用。同样的无损方法使得 PNG 不太适合照片：存储为 PNG 的相机图像可能比同等的 JPEG 大几倍，但没有明显的好处。
有一个常见的例外：主要是照片的屏幕截图。例如，全屏照片查看器屏幕截图可能比 JPEG 更有效。判断内容，而不是它来自屏幕截图的事实。
WebP：灵活的中间
WebP 是为网络设计的，可以在有损和无损模式下运行，并且两种模式都是透明的。在同等质量下，有损 WebP 通常比 JPEG 小，尤其是在较低质量设置下。它也支持动画，尽管这与静态图像工具无关。
目前，Chrome、Firefox、Safari 和 Edge 等浏览器均支持广泛。问题在于更广泛的软件世界：较旧的桌面应用程序、某些电子邮件客户端和一些内容管理系统可能不接受 .webp 文件。如果您要发布到现代网站，WebP 是一个强大的默认设置。如果您将图像发送给将在不熟悉的程序中打开该图像的人，则 JPEG 或 PNG 是风险较小的选择。
AVIF 等较新的格式可能更小，但支持不太普遍，编码速度也较慢。对于日常工作来说，好的 WebP 和 AVIF 之间的差异很少值得考虑兼容性问题。
The transparency trap
JPEG 无法存储透明度。如果将具有透明背景的 PNG 徽标转换为 JPEG，则这些区域必须变成某种东西。大多数转换器将它们填充为白色。在白页上您可能不会注意到；在彩色或照片背景上，徽标出现在一个明显的白色盒子内。
修复方法很简单：为任何需要剪切背景的内容保留 PNG 或 WebP。如果最终目的地需要 JPEG，请先将徽标放置在确切的背景颜色上，然后导出。这会产生一个经过深思熟虑的结果，而不是一个白色矩形。
反向转换（JPEG 到 PNG）不会创建透明度。它仅将相同的不透明像素包装在无损容器中，这通常会使文件更大而不会恢复任何细节。
无需过多思考的选择
- 它是照片还是连续色调的扫描件？ 如果是现代网站，请使用 JPEG 或 WebP。
- 需要透明度吗？ 使用 PNG 或 WebP。从来没有 JPEG。
- 它包含文本、锐边还是单调的颜色吗？ 使用 PNG 或无损 WebP。有损 JPEG 会使边缘看起来很脏。
- 有人会用未知软件打开它吗？ 照片首选 JPEG，图形首选 PNG。兼容性胜过尺寸优势。
- 已经很小了吗？ 别管它。为了节省 5 KB 的空间而转换 40 KB 的图形通常不值得冒质量下降的风险。
选择格式后，将图像大小调整为其显示尺寸并设置合理的质量。我们的指南 压缩网络图像 遍历设置。
转换无法解决什么问题
转换改变的是容器，而不是其中的信息。如果 JPEG 已经丢失了细节，将其另存为 PNG 不会恢复该细节；它只会将损坏的结果保存在更大的文件中。如果 PNG 屏幕截图充满了抗锯齿文本，将其转换为 JPEG 可能会缩小它，但也会在字母周围引入伪影。
始终使用最佳可用来源。在格式之间来回转换是一种常见的方法，虽然您相信自己正在改进图像，但它却使图像变得更糟。
这 格式转换器 在浏览器中处理 JPG、PNG 和 WebP。当目标支持时，它会保持透明度，用白色填充 JPEG 背景，并允许您设置有损格式的质量。 PNG 输出是无损的。重新编码还会删除嵌入的元数据，例如相机详细信息和 GPS 位置。如果您需要该元数据，请保留原始文件。
希望看到它的实际效果？ 本地转换图像—没有上传，没有帐户。