WebP 与 PNG:您应该使用哪种图像格式?
PNG 和 WebP 都是出色的图像格式,但它们解决不同的问题。PNG 一直是支持透明度的无损图像标准;而 WebP 是现代格式,在几乎所有场景下都能在文件大小上胜过它。
下面介绍如何决定使用哪一种,以及何时值得转换。
文件大小:WebP 以明显优势胜出
在相同视觉质量下,WebP 文件通常比 PNG 小 25–35%。对于照片,差距甚至更大。更小的文件意味着更快的页面加载速度和更低的带宽成本。
质量:取决于您的需求
PNG 默认是无损的 — 每个像素都被保留。WebP 也可以是无损的,同时也可以是有损的,这正是体积节省的来源。对于 Logo、图标和文字,无损 PNG(或无损 WebP)是正确选择。对于其他任何内容,质量在 75–90 的有损 WebP 肉眼看起来与原始图片一模一样。
透明度:两者都支持
PNG 以透明度著称。WebP 也支持 Alpha 透明度,因此您在切换时不必放弃透明背景。
浏览器支持:没有理由等待
所有主流浏览器都支持 WebP — Chrome、Firefox、Safari 和 Edge。对于非常旧的软件,PNG 仍然是更安全的选择,但对于现代网页上的任何内容,如今都可以放心使用 WebP。
对于照片、渐变效果和大多数网页图片,请使用 WebP — 它更小且处处受支持。对于图标、Logo 以及需要无损质量和最大兼容性的图片,请保留 PNG。如有疑问,可以转换后对比:我们的 PNG 转 WebP 转换器会向您展示您的图片确切的大小差异。