PNG vs JPG

PNG 使用无损压缩，能完美保留每一个像素。JPG 使用有损压缩，会舍弃部分数据以获得更小的文件。对于照片，画质差异通常难以察觉；但对于带有锐利边缘和文字的图形，PNG 明显更好。

PNG 使用无损压缩，不会丢弃任何数据。JPG 则通过去除人眼不太容易察觉的视觉信息来减小文件。因此对于照片，JPG 文件通常比同等的 PNG 小 50–80%。

将 PNG 转换为 JPG 会带来一定的画质损失，因为 JPG 使用有损压缩。不过在高质量设置（90–95%）下，照片的差异通常难以察觉。请注意，由于 JPG 不支持透明，透明背景将会丢失。

这取决于内容。照片使用 JPG，可以保持页面快速加载。需要透明或清晰边缘的徽标、图标和图形则使用 PNG。想要两全其美，可以考虑 WebP，它的压缩效果优于这两者。

标准 PNG 不支持动画。不过，APNG（动画 PNG）是支持动画的扩展格式，并带有完整的 Alpha 透明，只是浏览器支持范围比 GIF 更有限。

现代网页项目可以考虑 WebP 或 AVIF，它们的压缩效果优于 PNG 和 JPG。需要缩放的徽标和图标请使用 SVG。动画内容请使用 GIF 或 WebP。