将PNG转换为WebP
提升网页速度最简单、收效最大的一招：WebP保留PNG的透明背景和清晰度，体积却只有一小部分，而且不存储任何文件。
- 绝不存储
- 无需排队，无需等待
- 无需注册，无水印
使用方法
添加PNG文件
将任意数量的.png文件拖放到页面上。
选择画质
滑块在体积和保真度之间取舍；每个文件的新大小实时显示。
下载
逐个保存文件，或全部打包为ZIP下载。
两种WebP，您得到的是哪一种
WebP其实是共用一个扩展名的两种格式。无损WebP使用与PNG完全不同的算法，对同样的像素，通常能比PNG小20%到30%。有损WebP则像JPEG一样丢弃信息，包括以一半分辨率存储颜色的色度抽样。两者都支持完整的8位透明度，这正是WebP胜过JPEG之处，也是它能够替代PNG的原因。
您得到哪一种取决于画质设置，这是这里最需要了解的一点。只要低于最高画质，生成的就是有损WebP——对照片来说效果极佳，对人们通常保存为PNG的那类图片却不合适。文字截图、Logo、图表、示意图：色度抽样会在每条锐利的彩色边缘上留下明显的色边，白底红字最为明显。这类图片请把画质保持在最高，这样文件能做到像素级无损，同时仍比PNG小。
这种格式有一个PNG没有的硬性上限：任一边不超过16,383像素。对照片来说绰绰有余，对拼接的全景图、长网页的整页截图或扫描地图来说却确实受限——这些图片无论画质设为多少都根本无法编码。无论哪种情况，透明背景都会保留。
兼容性已不再是需要犹豫的理由。所有主流浏览器都能读取WebP，而且已经支持多年。仍然不能可靠支持它的，是其余的长尾——较旧的邮件客户端、部分桌面看图软件、数量惊人的企业软件，以及印刷流程。用于网页，WebP明显更好；要发给别人的文件，PNG或JPG仍是稳妥的选择。
如果您需要的是别的
Google自家的cwebp提供了浏览器画布做不到的选项。cwebp -lossless -z 9 in.png -o out.webp能把无损模式压缩到极致，-near_lossless 60在照片类内容上牺牲一点保真度，换来大幅缩小的体积，而-q 80是合理的有损默认值。它还能单独压缩Alpha通道，这是浏览器编码器从不提供的。
在转换之前，先想想问题是否出在PNG本身。用oxipng -o 4或pngquant处理一下，常常就能让文件缩小一半，既不用换格式，也完全不存在兼容性问题——而如果这张图片是照片而不是图形，它可能从一开始就应该是JPG。
常见问题
图片能缩小多少？
截图和界面图形通常能缩小60-90%。每个文件都会显示转换前后的大小，所以答案从来不靠猜。
透明背景会保留吗？
会——与JPG不同，WebP支持完整的Alpha透明通道。Logo和抠图依然边缘干净。
所有浏览器都支持WebP吗？
2020年以来发布的所有浏览器——Chrome、Safari、Firefox、Edge——都原生支持显示WebP。只有真正老旧的软件才会有问题。
无损还是有损？
画质滑块调到100%时会切换为无损WebP：像素完全相同，体积仍比PNG小。低于100%则为有损，大幅缩小的效果正来自这里。
我的文件会被存储在任何地方吗？
不会——转换过程不存储任何文件。
小贴士： 不会生成动图——本工具只转换静态图片。
把这个工具放到您的网站上
博客、课程页面或帮助文章均可免费使用。粘贴一段代码，访客就能直接在您的页面上使用。