WebP 转换器

在线将 PNG、JPG、GIF 转换为 WebP 格式,或将 WebP 转回 PNG。支持质量调节、预览、批量下载。在浏览器中处理,不上传图片。

  • 在浏览器中处理
  • 数据不离开你的设备
  • 免费 · 无需注册
选择文件前,先选 PNG / JPG / GIF → WebP 或 WebP → PNG。切换方向不会改变已有结果;请重新选择文件来应用新方向。
WebP 质量范围是 0–100,默认 85。数值越高,通常保留更多细节,文件也更大。请先设置质量再导入;修改后需重新选择文件。PNG 输出不使用此滑块。
图片 选择或拖入多张图片后,会在当前浏览器中自动转换。动图变为静态图,EXIF / XMP 元数据不会保留。本工具不缩放尺寸;大图受浏览器内存和画布上限约束。
下载 「下载」保存单个结果。「全部下载」为每个成功文件各发起一次下载,不打包 ZIP;浏览器可能询问是否允许多个下载。转换后的图片可能更大,请比较原始与输出体积。

把图片拖到这里,或点击选择

支持 PNG、JPG、GIF

阅读完整使用指南 WebP 转换器:图片转 WebP 减小体积 30%
示例、说明与常见问题 带实际输出的示例、与同类工具的差别,以及常见问题。

结果列表怎么看

每个转换成功的文件显示一张卡片:输出文件名(把最后一个扩展名换成 .webp 或 .png)、原始大小 → 输出大小(1 KB 按 1,024 字节算),以及变化百分比。状态行统计成功和失败的个数。下面的大小来自 WebP 指南(英文版)里 2026-10-02 在 Chrome 152 中的实测:Kodak 测试照片 kodim23.png(557,596 字节)在默认质量 85 下变成 37,438 字节,带透明边缘的 512×512 logo PNG(15,987 字节)变成 6,700 字节。同一批拖进去,列表是:

kodim23.webp  544.5 KB → 36.6 KB −93.3%
logo-512.webp  15.6 KB → 6.5 KB −58.1%
已转换 2 个文件

照片缩小了九成以上,透明 logo 也小了一半多。成功的文件有两个及以上时,才会出现「全部下载」按钮。另外,Chrome 的编码器会给每个 WebP 写入 456 字节的 ICCP(色彩配置)块;对只有几 KB 的小图标来说,这 456 字节的占比不小。

发公众号还是放网站:选哪个方向

先看图片要放到哪里,再决定方向。

  • 微信公众号正文:微信开放文档的「上传图文消息内的图片」接口写明“图片仅支持jpg/png格式,大小必须在1MB以下”;永久素材接口的图片类型列的是 bmp/png/jpeg/jpg/gif。拿到 .webp 素材时,用「WebP → PNG」转成 PNG 再上传。
  • 自己的网站:主流浏览器都能显示 WebP,这时才适合把 JPG / PNG 转成 WebP 来减小体积。

「WebP → PNG」模式只接收 WebP。设计同事发来的 活动封面.jpg 本来就是 JPG,可以直接上传;在这个模式下拖进去,工具会拒收并说明原因:

活动封面.jpg: 不是 WebP 文件
1 个文件转换失败

转成 PNG 后要看一下大小。PNG 是无损格式,照片的 PNG 往往很大:上面的 kodim23.png 是 557,596 字节,同一张图的 WebP 只有 37,438 字节。超过公众号接口的 1MB 时,需要先缩小尺寸,或用其他工具转成 JPG;本工具不提供缩放,也不能输出 JPG。

WebP 与 JPEG、PNG 的区别

WebP 同时支持有损和无损压缩,也支持透明(类似 PNG)和动画(类似 GIF)。Google 公布的结果是:有损 WebP 在同等 SSIM 下比 JPEG 小 25–34%,无损 WebP 比 PNG 小 26%。这是平均值,具体能省多少取决于图片内容,上面的照片和下面提到的文字图表就是两个相反的例子。

限制

  • 动画会丢失。图片只画到 canvas 上一次,GIF 动图转出的是第一帧的静态 WebP,动态 WebP 转出的是单帧 PNG。要压缩 GIF 动图,请用 GIF 压缩工具。
  • 元数据不保留。EXIF(相机、GPS、拍摄时间)和 XMP 不会复制到输出文件里。
  • 按浏览器报告的类型判断格式。浏览器给出的类型是按扩展名推断的(见 MDN)。HEIC、AVIF、BMP 会显示「不支持的格式」;改了扩展名的 PNG(比如改成 .jpg)照样能转;内容不是图片却用了图片扩展名的文件会显示「无法载入图片」。
  • 用的是浏览器自带的编码器。同样的质量,Chrome 和 Firefox 得到的大小不同。Safari 的 canvas 不能编码 WebP,这时工具会报告无法编码,不会把 PNG 存成 .webp。
  • 文字图表可能变大。按 WebP 指南(英文版)的实测,66,664 字节的调色板 PNG 图表在质量 85 时变成 102,454 字节。这类图片先比较大小,再决定要不要换成 WebP。
  • 只有质量一个参数。没有缩放、裁剪、编码耗时或近无损选项。需要这些时可以用 libwebp 的 cwebp,例如 cwebp -q 80 in.png -o out.webp 或 cwebp -lossless in.png -o out.webp。
  • 改了质量要重新导入。质量在导入文件时读取,已有的结果不会自动重算;重新选择同一个文件即可。

FAQ

WebP 是什么,为什么要用它?

WebP 是 Google 推出的图片格式,有有损和无损两种模式,支持透明和动画。按 Google 公布的测试,无损 WebP 比 PNG 小 26%,有损 WebP 在同等 SSIM 下比 JPEG 小 25–34%。实际效果因图而异,先拿几张有代表性的图片转换比较。

我的图片会上传到服务器吗?

不会。每个文件在页面里通过对象 URL 读取并画到 canvas 上,不上传,也不写入浏览器存储。每批只要有文件转换成功,统计就记录一次工具名和 convert 动作,不记录文件名、大小或像素;全部失败的批次不记录。

质量滑块控制什么?

质量(0–100)会传给浏览器的 WebP 编码器。低于 100 时输出有损,数值越高细节越多、文件越大。在 Chrome 中,100 会切换为无损 WebP:sRGB 图片的不透明像素原样保留,但带嵌入色彩配置文件的图片会先转换为 sRGB,半透明的边缘像素可能偏差 1 级。图表、插图、截图请把结果与原 PNG 比较:Chrome 的无损文件常常比 cwebp -lossless 大。照片可从默认的 85 开始,往下调到能看出瑕疵为止。

可以把 WebP 转回 PNG 吗?

可以。把模式切换为「WebP → PNG」,再拖入 WebP 文件。PNG 是无损格式,转换不会再增加压缩损失;但图片要经过 canvas:动态 WebP 只保留第一帧,嵌入的色彩配置文件会转换为 sRGB,半透明像素可能有细微变化。

为什么转换后的文件比原文件更大?

颜色少、以文字为主的 PNG 转成有损 WebP 可能反而变大。在 Chrome 152 的测试里,一张 66,664 字节的调色板 PNG 图表在质量 85 时变成 102,454 字节,质量 100 时为 82,628 字节。这类图片调低质量不一定有用,保留 PNG,或改用 cwebp -lossless(同一张图表 55,210 字节)。

一次可以转换多少个文件?

没有固定上限。可以一次选择或拖入多个文件,它们会并行处理;很大的图片受浏览器 canvas 尺寸和内存限制。可以逐个下载,也可以点「全部下载」为每个文件各发起一次下载(不打包成 ZIP,浏览器可能会询问是否允许多个下载)。