摘要：免费的 PNG 转 WebP 工具：保留透明通道同时大幅压缩体积，批量本地转换。
本地工具可在 DevTools → Network 搜索输入内容，通常不会出现在请求中。
使用指南
PNG 适合透明图与无损需求，但体积常偏大。本工具在浏览器把 PNG 等兼容输入转为 WebP，便于网页减小传输体积——本地转换，原图不上传。注意极老环境可能仍需 JPEG/PNG 兜底。
1. 转换步骤
选择或拖入图片，等待本地重编码完成，下载 .webp。先拿一张代表图看画质与体积，再批量处理同类资源。
- 上传 PNG 等源图。
- 等待本地转换。
- 下载 WebP 并抽查画质。
2. 透明通道
带透明的 PNG 转 WebP 通常可保留 alpha；若目标环境不支持 WebP，请保留 PNG 或提供双格式。截图类大面积纯色往往压缩收益更明显。
3. 有损与观感
重编码可能引入细微差异。图标、UI 切图请放大对比边缘；照片类可再配合 image-compressor 调质量与宽度。
- UI 图放大看边缘。
- 先单张调参。
- 老浏览器留兜底格式。
4. 反向与其它格式
WebP 要回 PNG 用 webp-to-png；要 JPEG 用对应转换入口。SVG 需先栅格化，不能指望矢量直接变 WebP 仍可无限缩放。处理含个人信息或密钥的内容时，即使计算在本地完成，也要留意屏幕分享、录屏与下载文件的二次传播路径。
5. 元数据
画布重编码通常剥离多数元数据。若必须保留拍摄信息，不要走这条路径。遇到异常输出时，先用最小可复现样例确认是输入问题还是选项组合问题，再考虑换相关工具衔接下一步，而不是一次性堆很多选项。
6. 部署建议
CDN 与 picture 元素可同时提供 WebP 与 PNG/JPEG。转换后用真实网络节流看加载体验，而不是只看文件字节数。记录源文件与转换参数，方便以后复现同一批资源。
常见问题
在。WebP 原生支持 alpha 透明通道，PNG 的透明区域转换后一般仍保持透明；但选有损模式时像素值会变，需要逐像素一致的场合请继续用 PNG。
带透明的装饰图、UI 切图往往下降明显；不透明照片也有收益但幅度通常较小。以转换前后的实测 KB 为准，并放大抽查边缘与渐变。
极老环境可能仍需 JPEG/PNG 兜底。部署时可用 CDN 与 picture 元素同时提供 WebP 和 PNG/JPEG，让浏览器自行选择，并用真实网络节流验证加载体验。
画布重编码通常剥离多数元数据。若必须保留 EXIF 拍摄信息，不要走这条路径，另存原图。
不会，编码在你的浏览器里完成；建议留一份 PNG 母版，方便日后回退。
相关工具
相关文章
图片格式详解：JPG、PNG、WebP、HEIC 与 SVG——怎么选、何时转、如何转不损画质
图片格式选择的实用指南：五种格式各自擅长什么、压缩何时伤画质、透明通道为什么改变一切、浏览器转换的诚实边界，以及格式间转换的保质量规则。全部转换可在浏览器本地完成。
在线图片压缩工具：缩小 JPEG、PNG、WebP 体积
学习如何用浏览器本地压缩图片：质量与宽度预设、格式互转、体积前后对比、EXIF 剥离边界，以及网页性能场景下的压缩策略。
JPG 转 WebP 值不值得：画质、体积与兼容性的决策和实操
JPG 转 WebP 能省多少体积、什么时候不该转、画质参数怎么选？一篇讲清决策标准与浏览器本地转换实操（不上传图片），含 WebP/JPG/PNG 选型对照表。