在线将 PNG 转换为 WEBP — 免费图片优化工具

关于 PNG 转 WEBP 转换

PNG（可移植网络图形）自 20 世纪 90 年代末以来一直是网络上无损图片的标准格式。它是需要清晰边缘、文字、透明度或像素级精确度的图片的首选格式，如 Logo、图标、UI 截图和图形插图。与 JPG 不同，PNG 使用无损压缩——保存时不丢弃任何图像数据。这使 PNG 非常适合质量关键型图片，但也意味着 PNG 文件比使用有损压缩的格式大得多——而文件大小直接影响网站性能。

WEBP 由 Google 开发并于 2010 年发布，作为网络环境中 JPG 和 PNG 的现代替代方案。WEBP 对 PNG 转换特别有价值，原因在于它在单一格式中同时支持有损和无损压缩模式——更关键的是，它还像 PNG 一样支持完整的 Alpha 通道透明度。这意味着带透明背景的图片——Logo、图标、抠图商品照片、UI 元素——可以从 PNG 转换为 WEBP，而不会失去使其能在彩色或图案背景上使用的透明层。

WEBP 相比 PNG 的文件大小优势相当显著。根据 Google 自己的基准测试，无损 WEBP 文件比同等 PNG 文件约小 26%。对于原本是 PNG 的内容应用有损 WEBP 压缩，缩减幅度可以更为显著——通常小 50% 至 80%——而大多数图片的可见质量差异极小。这使 PNG 转 WEBP 成为依赖 PNG 图形的网站可用的最具影响力的图片优化之一。

对于网络性能，将 PNG 转换为 WEBP 的好处可以直接量化。Google 的 PageSpeed Insights 工具明确将未优化的 PNG 文件标记为改进机会，并建议以 WEBP 等新一代格式提供图片。Chrome DevTools 内置的性能审计工具 Lighthouse 为以 WEBP 格式提供图片的页面打出更高分数。对于拥有大量 PNG 资源的网站——特别是围绕 UI 截图、插图内容或带透明背景的商品摄影构建的网站——转换为 WEBP 可在 Core Web Vitals 评分上产生显著改善。

将 PNG 转换为 WEBP 时，在无损和有损压缩之间做出选择是一个重要考量。对于必须完美保留质量的图片——如技术图表、含文字的截图或在关键品牌场景中使用的 Logo——无损 WEBP 是正确选择。它仍然比同等 PNG 更小，同时精确保留每个像素。对于一般网页图片、插图和商品照片，高质量设置（80-90%）的有损 WEBP 在文件大小远小于源 PNG 的情况下提供出色的视觉效果。

WEBP 的浏览器支持现在在现代平台上已实际达到通用水平。Chrome、Firefox、Safari（自第 14 版起）、Edge 和 Opera 均原生支持 WEBP，覆盖全球超过 95% 的网络用户。包括 Next.js、Nuxt、Gatsby 和 Astro 在内的现代 Web 框架内置了自动 WEBP 图片优化支持。对于旧版浏览器支持，HTML picture 元素允许向支持的浏览器提供 WEBP，同时为旧版浏览器回退到 PNG——在不牺牲兼容性的情况下获得 WEBP 的性能优势。