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 下载。
使用方法
- 把 PNG 文件拖到虚线区域,或点击 选择 PNG 文件 添加。
- 设置 WebP 质量。默认 90 偏重清晰度,照片较多的图片用 80 左右通常就够了。
- 需要时用 限制长边 同时降低分辨率。
- 单个文件用卡片上的按钮,整批用 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 转回去再提交即可。