ZH
我的工具

PNG 转 WebP

在浏览器中把 PNG 转换为 WebP 并保留透明度。logo 和截图可用无损模式,照片可设置画质,支持批量转换并对比体积。

关闭无损时使用。在使用 libwebp 编码器的无损模式下,数值越高,越会努力压缩文件。
超过该宽度的图片会按比例缩小。
我的工具 →
广告

PNG 是 logo、图标、截图以及带透明度图片的合适格式,但文件很大。WebP 会保留 Alpha 通道,在无损模式下还保留每一个像素,同时通常能大幅减小体积。本转换器在浏览器中把 PNG 转为 WebP,可设置画质、切换无损、设置可选的最大宽度,并支持批量转换。您的文件不会被上传。

使用方法

  1. 选择一个或多个 PNG 文件。
  2. 对 logo、图标、界面截图和像素画,开启无损,让边缘和文字保持完全清晰。
  3. 对保存为 PNG 的照片和插画,请关闭无损并设置画质(可从 80 开始)。
  4. 也可以设置最大宽度,转换后把每个 WebP 与原始 PNG 对比。

计算公式

体积变化 = (WebP 字节数 ÷ PNG 字节数 − 1) × 100%

无损 WebP(VP8L)使用空间预测、颜色缓存和 LZ77 式的反向引用;Google 报告其平均比 PNG 小约 26%。有损 WebP 用 VP8 存储颜色,并把透明度放在单独的、经无损压缩的 Alpha 平面中,因此柔和的阴影和抗锯齿边缘都能保留。有浏览器自带编码器时会使用它;Safari 没有,所以改用 WebAssembly 版 libwebp(约 30 MB,只需下载一次)。

示例

假设一个 40 KB 的 logo PNG 变成了 26 KB 的无损 WebP。体积变化为 (26 ÷ 40 − 1) × 100% = −35%,像素完全相同。保存为 PNG 的照片通常在转为有损 WebP 后缩小得多,因为 PNG 并不适合照片;结果中会显示您的文件的实际数字。

常见问题

会保留透明度吗?

会,有损和无损模式都会保留。投影等半透明像素也依然是半透明。

无损和有损哪个更小?

画质 75–85 的有损模式几乎总是更小,对照片类 PNG 尤其如此。无损会保留每个像素,这对文字、界面截图和像素画很重要。浏览器内置的无损编码器更看重速度,甚至可能生成比 PNG 更大的文件;“始终使用 libwebp”编码器通常能生成小得多的无损文件。结果会显示准确的体积,两种都试一下吧。

WebP 到处都能用吗?

当前所有浏览器都能显示 WebP。部分桌面软件、较旧的邮件客户端和印刷服务仍要求 PNG,所以请保留原文件。

动态 PNG 会怎样?

只会转换第一帧;本工具生成的是静态图片。

资料来源

最后更新:

引用此工具
APA

kakaoCalc. (2026, November 8). PNG 转 WebP. https://kakao.mobile/zh/tools/png-to-webp-converter/

MLA

“PNG 转 WebP.” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/png-to-webp-converter/.

广告