WebP 转换器
在线将 PNG、JPG、GIF 转换为 WebP 格式,或将 WebP 转回 PNG。支持质量调节、预览、批量下载。在浏览器中处理,不上传图片。
- 在浏览器中处理
- 数据不离开你的设备
- 免费 · 无需注册
用微信扫描以下二维码即可分享
示例、说明与常见问题 带实际输出的示例、与同类工具的差别,以及常见问题。
结果列表怎么看
每个转换成功的文件显示一张卡片:输出文件名(把最后一个扩展名换成 .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,浏览器可能会询问是否允许多个下载)。