WebP vs PNG：该用哪个格式？
一个能把照片压小 90%，另一个能保住每一个像素。看完这篇你就知道怎么选。
WebP vs PNG 看起来像一场格式之争，但其实取决于你想做什么。PNG 是无损格式——每个像素都精确存储，代价是文件大。WebP 是现代格式，可以有损（体积小得多、肉眼无差）也可以无损（仍比 PNG 小）。
先说结论：照片和大多数网页图片，WebP 完胜——同样一张图常比 PNG 小 90%。而必须逐像素完美保留的图形（Logo、截图、图标），PNG 的无损保证仍然重要。下面用真实数据拆解。
体积：WebP 碾压 PNG
这是问题的全部。PNG 用无损方式压缩图片，这意味着照片——充满渐变和细腻色彩细节——几乎压不动。一张 4MB 的照片存成 PNG 还是 4MB 左右。
同样一张照片存成有损 WebP 呢？大约 300–400KB——小 90%，在正常观看尺寸下肉眼几乎无差。就连无损 WebP 通常也比同款 PNG 小 20–30%，因为 WebP 的无损编码器效率更高。
换句话说：如果你在网站上发照片，选 PNG 而不选 WebP，等于同样一张图多传 10 倍的字节。
透明：两者都支持，方式不同
一个常见误区是"PNG 是唯一支持透明的格式"。并非如此——WebP 也支持透明（8 位 alpha），而且能在有损模式下携带透明，这点 PNG 做不到。
真正的差别在保真度。PNG 的 alpha 通道是无损的，二十年来一直是事实标准，到处都稳如磐石。WebP 的有损透明在高对比度的透明图形上可能产生轻微的边缘伪影。
经验法则：需要清晰透明边缘的 Logo 和图标，保留 PNG。恰好需要透明的照片或大图，WebP 没问题，而且小得多。
画质与伪影
PNG 的画质故事很简单：它是无损的，所以画质永远是 100%——但你得在文件大小上付出代价。
WebP 的画质故事是一个你可控的权衡。无损设置下，WebP 也是 100% 画质，而且仍比 PNG 小。有损设置下（比如画质 80），照片对几乎所有人来说肉眼无差，体积却急剧缩小。
PNG 在画质上真正胜出的唯一场景是锐利边缘和文字。有损 WebP——如同有损 JPEG——会在高对比边界周围产生轻微的"振铃"。所以带小字的截图或图表，用无损 PNG（或无损 WebP）更好。
何时用哪个——结论
• 网站上的照片 → WebP。能砍掉 80–90% 的体积，画质无损。 • 截图、图表、文字密集的图 → 无损 PNG（或无损 WebP）。锐利文字和硬边缘保持清晰。 • 带透明的 Logo 和图标 → PNG。无损 alpha 是安全且普遍兼容的选择。 • 拿不准的 → 无损 WebP。相同画质下严格比 PNG 小。
你可以在浏览器里用极速压图在这些格式之间自由转换——无需上传、无需注册。几秒内把 PNG 转成 WebP（或转回来），亲自比较体积。
开始压缩你的图片
免费、纯本地处理、文件不上传。一次拖入最多 30 张，几秒出结果。
常见问题
WebP 比 PNG 好吗？
对大多数网页图片来说是的。照片用有损 WebP 通常比 PNG 小 80–90% 且画质无损，就连无损 WebP 在相同画质下也比 PNG 小 20–30%。PNG 的优势在于它对 Logo 和图标来说稳定可靠的无损透明。
透明图用 WebP 还是 PNG 更好？
两者都支持透明，但 PNG 的无损 alpha 更普遍兼容、无伪影。需要清晰透明边缘的 Logo 和图标用 PNG。恰好需要透明的照片或大图，有损 WebP 即可，而且小得多。
PNG 转 WebP 会损失画质吗？
用无损 WebP 就不会——像素零变化地重编码，通常还小 20–30%。如果照片用有损 WebP，正常观看尺寸下画质损失不可见，体积却缩约 90%。
截图用 WebP 还是 PNG？
截图包含文字和锐利的 UI 边缘，有损压缩容易产生伪影。用无损 PNG，或者想要更小体积、相同画质就用无损 WebP。
能在浏览器里把 PNG 转成 WebP 吗？
能。极速压图这类工具完全在浏览器本地完成 PNG→WebP（以及 WebP→PNG）转换——无需上传、无需注册。拖入文件、选格式、下载结果。