跳到正文
SPCXTools

PNG 转 WebP

在浏览器中直接将 PNG 和 JPG 文件转换为 WebP,大幅减小网站图片体积。

本地运行——文件不会离开你的设备

正在加载工具…

如何使用PNG 转 WebP

  1. 1选择 PNG 或 JPG 图片,或将其拖放到页面上。支持一次添加多个文件。
  2. 2您可以根据需要调整质量滑块 — 设置在 80–90 左右既能保持图片清晰,又能大幅减小文件体积。
  3. 3添加图片后会立即自动转换。您可以在列表中查看新的文件大小。
  4. 4逐个下载图片,或点击全部下载获取打包的 ZIP 文件。

为什么要将 PNG 转换为 WebP?

图片通常是网页中占用体积最大的部分。尤其是 PNG 文件,因为它们无损存储每个像素,所以体积往往很大。将它们转换为 WebP 格式,不仅能为访客保持相同的视觉质量,还能大幅缩减文件体积——对于照片和屏幕截图,通常能减小一半甚至更多。图片越小,意味着网页加载速度越快,Core Web Vitals 得分越高,同时也能为访客节省移动流量。本转换器可直接在您的浏览器中将 PNG 和 JPG 文件转换为 WebP,支持单张转换或大批量处理。

功能特点

  • 支持 PNG 和 JPG — 可以在同一批次中转换这两种格式。
  • 画质可调:支持在 30 到 100 之间调节,平衡文件体积与清晰度。
  • 保留透明度:PNG 的 Alpha 透明通道会完美保留到 WebP 中。
  • 批量转换:提供进度列表,实时显示每个文件的转换结果。
  • ZIP 下载:一键打包下载所有转换后的图片。
  • 隐私安全:图片完全在您的设备本地处理,绝不会上传。

图片体积能减小多少?

这取决于图片内容。在画质设置为 80 时的典型结果如下:

原图 WebP 典型节省比例
PNG 照片 减小 70–90%
PNG 截图或 UI 界面 减小 40–80%
带透明背景的 PNG 徽标或图标 减小 20–60%
JPG 照片 减小 25–35%

本身体积就很小的简单图形可能只会缩小一点点;在极少数情况下,经过深度优化的 PNG 转换后体积可能反而会略微变大。请查看每个文件旁边显示的实际大小。

在您的网站上使用 WebP

所有现代浏览器都支持 WebP,因此您通常只需替换图片文件并更新其 URL 即可。如果还需要兼容老旧浏览器,请使用 HTML <picture> 元素,以 WebP 作为图片源,并提供 JPG 或 PNG 作为备用格式。大多数内容管理系统(包括 WordPress)都支持直接上传 WebP。

获取最佳效果的技巧

  • 先调整大小。 如果图片的实际宽度是显示宽度的两倍,会浪费存储空间和流量。转换前请先使用调整图片大小。
  • 保留原图。 有损压缩的 WebP 不适合反复编辑;请妥善保留您的 PNG 源文件。
  • 需要特定的文件大小? 使用压缩图片将文件压缩至指定的 KB 大小。
  • 需要反向转换? 使用WebP 转 PNG将 WebP 文件转换回来,或使用图片转换器在任意格式之间进行转换。

常见问题

什么是 WebP?
WebP 是 Google 专为网络开发的一种图片格式。它支持有损和无损压缩以及透明背景。在同等视觉质量下,它的体积通常比 JPG 小 25–35%,且往往比 PNG 小得多。
我的 PNG 图片会保留透明背景吗?
会的。WebP 支持 Alpha 通道,因此 PNG 图片中的透明和半透明区域在转换成 WebP 文件后依然保持透明。
所有浏览器都支持 WebP 吗?
是的。目前最新版的 Chrome、Edge、Firefox、Safari(14 及以上版本)和 Opera,无论是电脑端还是移动端,都支持显示 WebP 图片。不过一些较老的电脑软件可能仍无法打开此类文件。
为什么转换器在我的浏览器中无法使用?
生成 WebP 文件依赖于浏览器内置的编码器。Chrome、Edge、Firefox 和 Opera 均已内置。旧版 Safari 只能显示 WebP 但无法生成——请在该设备上换用其他浏览器。
我的图片会被上传吗?
不会。每张图片都是在您的浏览器中进行本地解码和重新编码的,文件绝不会离开您的设备。
质量设置选多少合适?
对于网页上的照片,75–85 可以在体积和画质之间取得很好的平衡。对于图形、Logo 和截图,建议设置为 90 或更高,以保持边缘清晰锐利。