要点
- 01JPG 用于照片，PNG 用于图形和透明度，WebP 和 AVIF 是在大小上击败两者的较新格式。
- 02AVIF 通常生成最小的文件，WebP 是最好支持的现代格式，JPG/PNG 仍然是兼容性最安全的。
- 03有损格式（JPG、WebP、AVIF）丢弃细节来缩小文件；PNG 是无损的并保持每个像素。
解释一切的一个概念：有损与无损
在比较格式之前，了解推动所有这些格式的分割。无损格式完全存储每个像素，可以永远重新打开和重新保存而不会降级——PNG 是主要的。有损格式丢弃眼睛不太可能注意到的信息，用稍微的质量降低来换取小得多的文件——JPG、WebP 和 AVIF 都这样做。没有单一的"最好"格式，因为正确的选择取决于你的图像是照片、徽标还是屏幕截图，以及你如何看待大小与兼容性。
快速决策规则
如果你什么都不记得，记住这五行。
- 01网络照片，最大兼容性：使用 JPG。它被一切都理解，并很好地压缩照片。
- 02徽标、图标、屏幕截图或任何需要透明度的东西：使用 PNG。它完美地保持清晰的边界和透明背景。
- 03现代网站，你想要更小的文件并控制受众：使用 WebP。它在大小上击败 JPG 和 PNG，并由所有当前浏览器支持。
- 04追求最小可能文件的尖端网站：使用 AVIF。它通常在大小上获胜，尤其是对于照片，为旧浏览器提供回退。
- 05没有视频的动画：动画 WebP 或 AVIF 在大小和颜色上击败旧的 GIF。
四种格式，逐一讲解
JPG（或 JPEG）是老资格。它是为照片而建造的，使用针对真实世界图像平滑渐变进行调整的有损压缩。它没有透明度，其压缩可能在清晰的边界和文本周围留下块状工件，这就是它对徽标和屏幕截图错误的原因。它的超能力是通用支持：每个设备、编辑器和网站都接受 JPG。
PNG 是无损选择。它保持每个像素并支持完全透明度，使其成为具有硬边界、文本、UI 屏幕截图和任何具有透明背景的东西的图形的标准。代价是文件大小：PNG 照片通常比相同照片作为 JPG 大几倍，所以 PNG 对于网络上的摄影内容是糟糕的选择。
来自 Google 的 WebP 是现代的全能选手。它提供有损和无损模式以及透明度和动画，在相似质量下，它产生的文件比 JPG 小约 25-35%，通常比 PNG 小得多。每个当前浏览器都支持它，这使它成为当今快速网站的实用默认。
AVIF 是四个中最新的，基于现代视频编码技术。它通常实现所有文件中最小的——经常在照片上用很大的差距击败 WebP——并支持透明度、宽色彩和高动态范围。支持现在很广泛，但还不是完全通用的，所以网站通常提供 AVIF，对最后几个旧客户端使用 WebP 或 JPG 回退。
如何在格式之间转换
转换是两分钟的工作，完全在你的浏览器中进行，所以原始文件永远不会离开你的设备。
- 01
选择正确的转换器
选择与你的方向相匹配的工具——例如 PNG 到 JPG 来缩小图形密集的照片，或 WebP 到 JPG 来恢复兼容性。
- 02
放入你的图像
添加一个文件或整个批次。转换在浏览器中本地运行。
- 03
如果是有损，设定质量
对于 JPG、WebP 或 AVIF 输出，选择质量级别——更高保持更多细节，更低生成更小的文件。
- 04
下载结果
保存单个图像或导出批次。保留原始文件以防你再次需要它们。
将其放在一个真实页面上
一个良好优化的网页很少为所有东西使用一种格式。照片以 WebP 或 AVIF 方式输出以提高速度，带有 JPG 回退。徽标、图标和任何带透明度的东西保持为 PNG——或更好，如果它们是矢量艺术则为 SVG——因为有损格式会使它们的清晰边界模糊。文本的屏幕截图出于相同的原因最看起来最好的是 PNG。
如果你不确定切换是否值得，转换一个具有代表性的图像并比较文件大小和它在全缩放时的外观。从 JPG 到 WebP 或 AVIF 的大小下降通常很戏剧性，没有明显的质量损失，这正是使页面加载更快的胜利。当兼容性比字节更重要时——电子邮件附件、旧系统、打印店——回退到 JPG 或 PNG，这两个在任何地方都有效的格式。
图像格式常见问题
WebP 比 JPG 更好吗？
对于网络，通常是的。WebP 在相似质量下生成的文件比 JPG 小约 25-35%，还支持透明度和动画。当你需要最大兼容性（如对未知收件人的附件）时，JPG 仍然获胜。
何时应该使用 PNG 而不是 JPG？
对图形、徽标、图标、屏幕截图和任何需要透明背景或清晰边界的图像使用 PNG。对照片使用 JPG，其中 PNG 会不必要地大。
AVIF 比 WebP 更好吗？
AVIF 通常生成比 WebP 更小的文件，尤其是对于照片，并支持宽色彩。WebP 的支持略微更广泛，编码更快，所以许多网站使用 AVIF 加上 WebP 回退。
在格式之间转换会丧失质量吗？
转换为有损格式（JPG、WebP、AVIF）会丢弃一些细节，重复的有损保存会加重损失。转换为 PNG 是无损的。始终从你拥有的最高质量原始文件转换。