PNG 转 WebP

关于此转换器

这款免费的 PNG 转 WebP 转换器可将 PNG 转换为现代的 WebP，并完整保留透明度。这里的体积节省通常远大于转成 JPG——60–80% 很常见，若 PNG 中是照片，还可能更多。

一切都在您的浏览器中运行——您的图片绝不会上传到服务器。

PNG 文件为何会变得这么大

PNG 是无损的。每一个像素都按原样精确保存，任何数据都不会被丢弃。对某些图片来说这是正确的取舍，对另一些图片则代价高昂。

PNG 通过发现重复来压缩——连续相同的像素、反复出现的图案。这在只有六种纯色的标志、表单的截图或填色干净的图表上效果极佳。这类图片可以压缩到原始体积的极小一部分。

但它在照片上表现很差，因为照片几乎没有完全相同的重复。天空中的每个像素都与相邻像素略有差别，没有什么可以合并，PNG 最终保存的东西已经接近原始像素数据。这就是为什么存成 PNG 的照片通常比同一张照片的 JPG 大五到十倍，却没有任何肉眼可见的好处。

网络上大量体积过大的 PNG，其实就是用错格式保存的照片——非常多是照片的截图，因为截图工具默认使用 PNG。

WebP 有两种模式，全部诀窍就在这里

这正是 WebP 特别适合取代 PNG 的原因：它两件事都能做。

无损 WebP 像 PNG 一样精确保留每一个像素，但压缩得更好——通常比同一张 PNG 小 26%。对于标志或界面截图，您得到的是完全相同的图像和更小的文件，没有任何损失。

有损 WebP 像 JPG 那样丢弃细节，但仍然支持透明度——这是 JPG 从未做到过的。这正是 WebP 出现之前不存在的组合。过去，一张抠掉背景的产品照片就意味着一个巨大的 PNG，因为它是唯一能同时容纳照片和 Alpha 通道的常见格式。如今它可以是体积只有一小部分的有损 WebP。

把质量值设得高，就会得到无损或接近无损的效果；把它调低，就是用细节换体积，而透明度依然完好。

什么情况该选什么质量

正确的设置完全取决于这张 PNG 里装的是什么类型的图像。

• 标志、图标、扁平图形——使用最高质量。它们边缘锐利、颜色少，本来就压缩得很好，而边缘周围的杂讯又很显眼。
• 含文字的截图——高质量，90 或以上。文字是有损压缩最难看的地方，会在字母周围产生一层淡淡的糊影。
• 带透明度的照片——80–85 就足够了，而显著的体积节省正是出现在这里。
• 图表和示意图——高质量。细线条和锐利的色彩边界，恰恰是有损压缩会模糊掉的东西。
• 大尺寸背景图——通常 75–85 即可，因为它们位于其他内容的后面。

背后的规则是：锐利边缘和文字需要高质量，连续色调则不需要。

透明度会保留——但有一处要检查

WebP 支持完整的 8 位 Alpha 通道，与 PNG 相同。柔和的阴影、羽化的边缘、抗锯齿的曲线以及半透明都会正确保留。这不是 GIF 那种粗糙的“全透明或全不透明”。

在低质量设置下转换后，唯一值得检查的是抠图的边缘。有损压缩作用于色彩数据，半透明的边缘像素可能会沾上原图中它背后颜色的淡淡光晕。在质量 80 或以上、抠得干净的图上，您看不到它；但在一张被大幅压缩、边缘细腻羽化又衬在浓烈色彩上的图上，您可能会看到——所以在发布前请以原始尺寸查看交界处。

使用方法

• 上传您的 PNG——点击上传区域，或将 .png 文件拖放进来
• 选择质量——越高保留的细节越多，越低文件越小
• 下载——保存您的 WebP

值得了解

• 照片类 PNG 的节省最大。 照片的截图可以在肉眼无变化的情况下缩小 90%。
• 极小的图标可能不会变小。 在几 KB 以下，格式本身的开销占主导，WebP 可能持平甚至略大。哪个更小就用哪个。
• 先缩放再转换。 一张 3000 像素的 PNG 却只以 300 像素显示，浪费的字节比任何编解码器能挽回的都多。
• 网站图标应保持 PNG 或 ICO。 对 WebP 网站图标的支持并不一致，而且文件本来就很小。
• 邮件客户端落后于浏览器。 有些仍然无法显示 WebP，因此邮件模板请使用 PNG 或 JPG。
• 保留 PNG 原件，如果这张图是您日后还要编辑的母版素材。

常见问题

WebP 比 PNG 小多少？

比大多数人预想的多得多。无损 WebP 在输出逐像素完全相同的前提下，平均比同一张 PNG 小约 26%。改用 PNG 根本做不到的有损 WebP，通常可节省 60–80%，而对于存成 PNG 的照片更可能超过 90%。照片成分越多，收益越大。

我的透明背景会被保留吗？

会。WebP 支持与 PNG 完全相同的 8 位 Alpha 通道，因此柔和的阴影、羽化的边缘和半透明都会保留下来。这是 WebP 相对于完全没有透明度的 JPG 的主要优势之一。在非常低的质量设置下，请检查抠图边缘是否出现淡淡的色彩光晕。

我该用有损还是无损 WebP？

标志、图标、示意图和含文字的截图用无损——凡是有锐利边缘或字形的内容，压缩杂讯都看得见，而文件本来就不大。照片用有损，包括带透明背景的照片，这里节省很大，而在质量 80 或以上时损失是看不出来的。

我的 PNG 一开始为什么这么大？

几乎可以肯定是因为里面是照片。PNG 精确保存每一个像素，并通过寻找重复来压缩，而照片几乎不含完全相同的重复——所以没有什么可以合并。PNG 适合扁平图形和界面截图，用在照片内容上则是错误的选择。

我以后能再转换回 PNG 吗？

可以，而且透明度能经受住这一来一回。但如果您使用的是有损 WebP，那一步丢弃的细节就永久没有了——转换回去得到的是压缩后图像的 PNG，而不是原图。如果日后还要编辑，请保留您的 PNG 母版。

WebP 在邮件中能用吗？

并不可靠。如今浏览器支持已经普及，但邮件客户端落后不少，有几款对 WebP 完全不显示任何内容。邮件模板请使用 PNG 或 JPG。同样的谨慎也适用于部分桌面软件、印刷流程，以及只接受 PNG 和 JPG 的上传表单。

我的图片会被发送到服务器吗？

不会。转换完全在您的浏览器内部完成，文件从不离开您的电脑。这一点对截图尤其重要，因为截图常常包含姓名、地址、账号或内部系统信息。

相关工具

• WebP 转 PNG — 反方向转换，并保留透明度
• JPG 转 WebP — 适用于没有透明度的照片
• 图片压缩 — 在不改变格式的前提下缩小图片
• 背景移除 — 一开始就创建出透明度