如何将PNG转换为WebP——文件缩小26%同时保留透明度
PNG是网页上无损图片的黄金标准——非常适合标志、截图、图标以及任何具有锐利边缘或透明度的内容。问题在于，按照现代标准，PNG的压缩并不特别高效。Google自己的基准测试显示，无损WebP图片平均比等效PNG小26%。这意味着如果你的网站每次页面加载提供5 MB的PNG图片，切换到WebP将在数据传送上节省超过1.3 MB，且零质量损失。零。每个像素都是相同的。透明度、Alpha通道、清晰的文字——一切都保持不变，只是装在一个更紧凑的容器里。我们的PNG转WebP转换器支持无损模式（相同质量，更小文件）和有损模式（积极压缩以获得更小文件，质量略有降低）。两种模式都保留透明度。本指南走查转换过程、截至2025年的兼容性情况，以及如何为你的特定PNG素材在无损和有损WebP之间做出决定。
PNG转WebP转换器
免费 · 无需注册
分步指南
上传你的PNG文件
将你的PNG拖放到转换器上。该工具接受最大50 MB的PNG-8、PNG-24和PNG-32文件（后者包括Alpha通道）。上传即时完成——没有数据发送到任何服务器。转换器在你的浏览器中直接读取文件，并准备使用现代浏览器内置的WebP编码器重新编码。
选择无损或有损模式
选择"无损"以获得平均26%的体积缩减，像素质量完全相同。这是标志、UI元素、截图和任何包含文字的图片的推荐模式。选择"有损"如果你想要更小的文件并能容忍轻微的质量降低——将质量滑块设为80–90%对图标和装饰图形效果良好。
下载你的WebP文件
点击"转换"，你的WebP在一秒内生成。对比转换前后的体积——一张200 KB的PNG-24标志通常会变成145–155 KB的无损WebP。预览显示你的图片，透明处以棋盘格显示，这样你可以在下载前验证Alpha通道是否完好。
使用技巧与最佳实践
无损PNG转WebP转换平均产生22–34%的体积缩减，26%是Google WebP研究中常引用的数字。用你自己的图片测试以确切了解你能节省多少。
具有大面积平色的PNG图片（标志、图标、UI元素）通常比照片型PNG压缩得更好。一个平色标志可能缩小35–40%，而带有渐变的截图可能只缩小15–20%。
应用于PNG的90%质量有损WebP通常产生比原始小60–70%的文件，视觉质量在正常观看距离下与原始无法区分。对于图片密集型博客来说，这是一个强大的选项。
对于带有Alpha透明度的PNG，WebP无损模式保留Alpha通道的每个像素。透明度在数学上是相同的——投影、羽化边缘和部分不透明度都能在转换后完好保留。
截至2025年，WordPress不会原生生成上传PNG的WebP版本。像WebP Express、Imagify、ShortPixel和EWWW Image Optimizer这样的插件填补了这一空白。将它们的压缩率与我们的手动转换器进行比较，找到最适合你网站的管线。
转换CSS sprite中使用的PNG图标时，一次性转换整个sprite表而不是单个图标。这保留了sprite坐标，免去你重新计算位置的麻烦。
转换后，在Safari（桌面和iOS）中测试你的WebP。Safari 14+支持WebP，但某些旧设备上的用户可能仍然看到破损的图片。检查你的分析以确定这影响了多大比例的受众。
永远不要删除你的原始PNG文件。始终保留PNG作为你的母版副本——它是无损的，并且可以在将来以任何质量级别重新编码为WebP，而不会累积世代损失。
常见问题解答
PNG转WebP转换对于网页性能是纯粹的胜利——更小的文件、无损模式下相同的质量、完整的透明度支持以及广泛的浏览器兼容性。26%的平均体积缩减在每次页面浏览、每次访问和每个用户身上累积。今天转换你的PNG，开始为你的受众提供更快的体验。
免费试用此工具 →open_in_new