博客
简体中文

PNG转WebP — 保留透明,缩小图片

保留透明、缩小文件体积的浏览器端 PNG 转 WebP 工具

在浏览器中处理 · 不上传任何内容

把 PNG 文件拖到这里

一次最多可将 50 个 PNG 文件转换为 WebP,每个文件不超过 50 MB。也可以选择文件,或用 Ctrl+V(Mac 上为 ⌘V)粘贴复制的图片。文件不会离开你的浏览器。

转换设置

保留透明的同时缩小文件。调低质量会变成有损压缩,图形和文字需要清晰时请用 90 或更高。

数值越高越清晰,文件也越大。设为 90 时,肉眼通常很难看出差别。

图片尺寸

转换后的文件不会保留照片中的 EXIF 信息(拍摄设备、时间、GPS 位置),但会按照片的方向信息自动旋转。

为什么要把 PNG 转成 WebP

PNG 支持透明,但含照片的图片会很大,用在网页的横幅和商品图上就显得笨重。WebP 同样支持透明,体积却能比 PNG 小很多,因此常被用来给网站和博客的图片减重。转换在浏览器中完成,图片不会上传;一次最多可处理 50 个文件并打包 ZIP 下载。

使用方法

  1. 把 PNG 文件拖到虚线区域,或点击 选择 PNG 文件 添加。
  2. 设置 WebP 质量。默认 90 偏重清晰度,照片较多的图片用 80 左右通常就够了。
  3. 需要时用 限制长边 同时降低分辨率。
  4. 单个文件用卡片上的按钮,整批用 ZIP 按钮下载。例如 banner.png 会变成 banner.webp。

工作原理

  • 保留透明:Alpha 通道原样传递,包括半透明的边缘和阴影。
  • 有损压缩:质量滑块(10 到 100)在体积和清晰度之间取舍。
  • 编码器检查:在无法保存 WebP 的浏览器中,页面顶部会显示提示,拖放区也会被禁用。
  • 动态 PNG(APNG):只转换第一帧。
  • 元数据:不会带过去。

按场景设置

图片 设置
含照片的透明横幅 质量 80 到 85
文字或图标类图形 质量 90 或更高
需要像素完全一致 不必转换,保留 PNG

要把 WebP 转回 PNG 请用 WebP 转 PNG;不需要透明的照片,也可以看看 JPG 转 WebP 或 PNG 转 JPG。

常见问题

PNG 的透明背景在 WebP 里会保留吗?

会。WebP 支持 Alpha 通道,透明区域保持透明,不会像 JPG 那样被填成白色。

能小多少?

含照片或渐变的 PNG 通常能缩小很多;颜色很少的简单图形本来作为 PNG 就很小,可能变化不大。请查看每张卡片上的前后大小。同一质量数值并不意味着与 PNG 像素完全相同。

文字和 logo 会变模糊吗?

输出是有损 WebP,质量太低时文字和线条周围可能出现淡淡的杂边。需要清晰的图形时请用 90 以上;如果需要像素完全一致,请保留 PNG。

页面提示我的浏览器无法保存 WebP。

Safari 能显示 WebP 但无法编码保存,Mac 上也一样;iPhone 和 iPad 上的 Chrome、Firefox 使用同一引擎(WebKit),同样不能保存。请在电脑或安卓手机上用 Chrome、Edge 或 Firefox 打开本页。检查在页面加载时进行一次,结果会显示在最上方。

有网站不接受我的 WebP。

有些上传表单不支持 WebP。用 WebP 转 PNG 或 WebP 转 JPG 转回去再提交即可。

没找到想要的工具?