免费转换器

PNG 转 WEBP 转换器

将 PNG 图像即时转换为 WEBP 格式。在保持高质量和透明背景的同时减小文件大小。安全、快速且完全免费。

拖放 PNG 文件到这里

最大支持 50MB

关于此工具

将 PNG 转换为 WebP 是 Web 图像传输最有效的单一优化之一。采用无损压缩编码的 WebP 通常生成的文件比同等 PNG 小 25%,且没有明显差异;默认质量下的有损 WebP 通常会将摄影 PNG 缩小 60-80%。对于提供大量图像的网站(电子商务、博客、文档、图像较多的单页应用程序),切换到 WebP 交付是可衡量的速度和带宽优势。

该转换器使用内置图像编码器在浏览器中本地编码 WebP,该编码器可通过 canvas.toBlob('image/webp') 在每个现代浏览器中使用。 PNG 被解码为画布,然后以选定的质量级别重新编码为 WebP。没有上传,没有服务器端处理,没有文件保留。

在无损和有损 WebP 之间进行选择取决于内容。对于照片和复杂的彩色图像,质量为 75-85 的有损 WebP 通常与源无法区分,同时文件大小减半。对于 UI 屏幕截图、徽标、图表以及任何具有锐利边缘或文本的图像,无损 WebP 可以保留细节而不会出现伪影。

为什么将 PNG 转换为 WebP

WebP 存在的原因只有一个:同等质量下文件更小。对于现代网站来说,这很重要,因为页面权重直接影响加载时间、移动数据使用以及影响搜索排名的核心网络生命分数。用 WebP 替换 PNG 通常会减少 25-80% 的尺寸,这会直接转化为更快的页面。

当前版本的 Chrome、Firefox、Safari 和 Edge 均支持通用浏览器。自 2020 年起,该格式就得到了 Baseline 支持。对于大多数生产网站来说,为旧浏览器提供带有 PNG 后备的 WebP 服务是没有必要的;直接 WebP 交付适用于 95% 以上的访问者。转换是一次性步骤,每次页面浏览都会带来回报。

使用方法

放下 PNG,选择质量,编码。整个管道在您的浏览器中运行。

  1. 上传你的PNG: 将文件拖入上传区域或点击浏览。接受最大 50 MB 的文件。支持多图像批量转换。
  2. 选择品质: 默认值为 85,这对于摄影内容来说是一个很好的有损平衡。使用 100 表示无损 WebP — 像素完美,比 PNG 小。使用 60–75 大幅缩小照片内容的尺寸。
  3. 转变: 浏览器将 PNG 解码为画布并调用 canvas.toBlob('image/webp',quality / 100)。编码器在浏览器进程中运行——没有服务器往返。
  4. 下载: 保存 WebP 文件。输出文件名使用带有 .webp 扩展名的源 PNG 名称。替换 HTML 或 CMS 中的 PNG 引用以开始提供较小的文件。

常见用例

技术细节

WebP 使用 VP8 进行有损编码,使用 VP8L 进行无损编码。有损 WebP 应用基于块的预测(来自相邻块的帧内编码)、类似 DCT 的变换(4×4 和 Walsh-Hadamard)、算术编码和复杂的环路滤波器。结果比 JPEG 较旧的 8×8 DCT 加霍夫曼方法更有效。

无损 WebP 将 LZ77 反向引用与多个可选的预测变换(减去绿色、颜色缓存、预测、颜色变换)相结合。对于具有重复图案或大平面区域的图像(UI 模型、图标、图表),与 PNG 相比,节省的费用可能超过 50%。

浏览器的编码器将质量参数 (0–100) 映射到内部 VP8 量化级别。 Quality 100 在大多数浏览器实现中触发无损模式。编码速度通常比同等的 PNG 编码更快,因为 VP8 具有更高效的熵编码。

最佳实践

常见问题

将 PNG 转换为 WEBP 会损失图像质量吗?
WEBP 同时使用有损和无损。您可能会发现质量略有下降,但对于大多数用途来说,差异可以忽略不计。如果可用,请选择更高质量的设置,以最大程度地减少损失。
WebP格式有什么优点?
在同等质量下,WebP 生成的文件通常比 JPG 和 PNG 小 25-35%。它支持有损和无损压缩、透明度和动画。所有现代浏览器都支持 WebP。
我可以转换动画 PNG 文件吗?
该工具转换静态图像。对于动画内容,您需要专门的动画转换器。
我的图像在转换过程中是否保密?
是的。您的 PNG 文件完全在浏览器中使用 Canvas API 和 JavaScript 进行处理。没有任何内容上传到任何服务器 - 文件直接从您的设备传输到转换器,然后返回到您的设备。
我的 PNG 是否已上传到服务器?
不会。转换使用 canvas API 和浏览器的内置 WebP 编码器在浏览器中运行。文件不会离开您的设备。
我可以一次转换多个 PNG 吗?
是的。将多个文件放入上传区;每个都单独编码并作为单独的 WebP 下载。对于非常大的批次,cwebp 或 Sharp 等桌面工具效率更高。
为什么 WebP 的压缩效果比 PNG 更好?
WebP 使用具有复杂预测和熵编码的 VP8/VP8L 编码,而 PNG 使用 DEFLATE — 一种较旧的通用算法,未专门针对图像数据进行调整。 WebP 的无损模式还提供比 PNG 的每扫描线过滤器更多的预测变换。
WebP 支持动画吗?
是的,WebP 支持类似于 GIF 或 APNG 的动画。该转换器仅处理静态图像;对于动画 PNG (APNG) 到动画 WebP,需要不同的转换路径。