PNG 转 WebP：在浏览器中把无损 PNG 压缩为更小的 WebP
这个页面的用途很直接：你把 PNG 图片（图标、截图、带有透明像素的线条图、或者任何需要精确像素再现的图像）拖进来，选择一个 WebP 输出质量，剩下的工作全部在浏览器端完成。你可以单独下载每一张转换后的 WebP，也可以把所有文件打包成一个 ZIP 一起下载。每张图片旁边都会清晰显示原始大小和转换后的大小，帮你判断这次转换是否值得。
为什么这个页面是专门为 PNG 设计的
市面上很多图片转换工具把各种格式混在一起处理，但这个页面只处理 PNG → WebP 这一种转换。PNG 和 WebP 在压缩原理上完全不同，理解这一点才能用好这个工具。
- PNG 是无损的。无论你把同一个 PNG 文件保存多少次，它的像素数据都不会损失。代价是文件体积大，尤其不适合照片类内容（PNG 在设计之初就不是为照片优化的）。PNG 支持完整的 8 位 alpha 透明度，可以精确控制每个像素的透明程度。
- WebP 则兼具有损和无损两种模式。这个页面的质量滑块控制的是 有损模式——与 JPEG 类似，但压缩效率更高。Google 官方数据表明，同等主观质量下，有损 WebP 的体积通常比 JPEG 小 25%–35%。而且 WebP 同样支持 alpha 透明度（某些场景下透明度压缩效率甚至优于 PNG）。
- 因为输入是无损的 PNG，而输出是（有损）WebP，所以这次转换会永久丢掉一些像素信息。即使你把质量滑块拉到 100%，它仍然是有损压缩，只是损失很小。如果你需要绝对无损的结果（例如医学影像、存档），你应该保留 PNG 或者使用 WebP 的无损模式（本工具未提供无损模式）。
输入与输出：从多个 PNG 到带质量标签的 WebP
输入
- 一个或多个 PNG 文件（可以点击选择或拖拽上传）。一次最多能选 20 个文件。
- 一个 质量值，范围 40% 到 100%，用于控制 WebP 的压缩程度。默认值为 92%。数值越低，文件越小，但画质损失也越大。
输出
- 每个 PNG 都会生成对应的 WebP 文件，下方有一个“下载”按钮。
- 每张图片展示以下信息：输出文件名（通常是原始文件名加上
.webp扩展名）、尺寸（与输入尺寸相同）、原始文件大小、转换后文件大小，以及一个状态标签——要么是 节省（当 WebP 比 PNG 小），要么是 更大（当 WebP 反而更大，比如简单的纯色图形或极低分辨率的图片）。 - 底部显示一行汇总：总计：原始大小 → 转换后大小。
- 当转换的图片数量 ≥ 2 时，会出现 下载全部 (.zip) 按钮，将所有 WebP 文件打包成一个 ZIP 存档。 如果浏览器不支持直接写 WebP 文件（例如某些老旧的浏览器），工具会自动回退为 PNG 格式，并明确标注：“您的浏览器不支持保存此格式——已改用 PNG 代替”。整个处理过程完全在本地进行，没有任何数据上传到服务器。
边界情况与规则
这个工具处理了大量边缘情况，每个错误提示都很具体，方便你快速定位问题。
- 无法打开图片：如果文件损坏、为空或者根本不是图片，显示“该文件无法作为图片打开。它可能已损坏、为空或并非图片。”
- 转换失败：如果图像本身可解析但转换出错，显示“转换失败。请尝试其他图片或格式。”
- 浏览器不支持保存 WebP：如前所述，工具自动换用 PNG 并提示。
- 超出文件数量上限：如果你试图一次选择超过最大数量的图片，显示“一次最多选择 ‹max› 张图片”。
- 未选择任何图片：点击转换按钮却没有选择图片时，显示“请至少选择一张图片”。
- 不支持的文件类型：如果你拖入的不是 PNG 格式，显示“不支持此文件类型”。
- 部分文件处理失败：汇总行会显示“‹count› 个文件无法处理”。
这些规则背后有实际意义。例如，如果转换后的 WebP 比原始 PNG 大，工具不再显示“节省”，而是标明“更大”。这是因为 PNG 对于某些低复杂度图像（比如只有少数纯色块的图标）本身就已经非常紧凑，再转成有损 WebP 反而会因格式开销而膨胀。这个“更大”标签能帮助你决定是否真的需要转换。
谁应该使用这个页面
- Web 开发者：有一批 PNG 图标或 Logo，想转成 WebP 以减小页面加载体积，同时保留透明背景。WebP 现在已被所有主流浏览器支持（Chrome、Firefox、Safari、Edge），可以直接在 `` 元素中提供 WebP 源。
- 平面设计师：需要把一批 PNG 截图或插画转换为 WebP，以便放入需要该格式的网站或应用。质量滑块让你能在文件大小和视觉损失之间做取舍。
- 档案管理者或摄影爱好者：手里有大量无损 PNG 扫描件，硬盘空间吃紧，想试试用有损 WebP 能否在肉眼可接受的范围内大幅缩小占用。工具会逐一对比大小，帮你筛选值得转换的文件。
- 注重隐私的用户：所有处理在客户端进行，敏感图片（比如个人证件扫描件、设计稿）不会离开你的电脑。这是任何需要上传文件的在线转换工具做不到的。
常见问题 (FAQ)
1. 把 PNG 转为 WebP 后，透明背景还在吗？ 在。PNG 的 8 位 alpha 透明度可以完整保留到 WebP 中。WebP 支持透明度，转换时透明区域不会变成白色或其他底色。唯一例外是你的浏览器不支持保存 WebP 而回退为 PNG——此时输出仍然是 PNG，透明度自然也在。
2. 为什么有些图片转换后反而变大了？ WebP 的有损压缩对照片、渐变等复杂图像效果好，但对低分辨率、高对比度、颜色数极少的简单图像（例如单色 Logo、纯文本截图），PNG 的无损压缩可能已经很小，加上 WebP 的容器开销，结果会更大。工具会用“更大”标签明确告诉你，这时候保留 PNG 更合适。
3. 质量设为 100% 是无损的吗？ 不是。质量滑块控制的是有损压缩的量化强度，100% 表示量化步长最小，画质损失肉眼几乎不可见，但理论上仍然是损失性的。如果你需要绝对无损，应该使用 WebP 的无损模式（本工具未提供）或继续使用 PNG。
4. 一次可以转换多少张图片？ 工具一次最多接受 20 张图片。超出后会显示错误提示：“一次最多选择 ‹max› 张图片”。
5. 会上传我的图片到服务器吗？ 不会。整个转换过程完全在浏览器中执行。没有任何图像数据离开你的设备。这是该页面强调的客户侧隐私优势。
6. WebP 文件在哪些地方可能打不开？ 所有现代浏览器（Chrome、Firefox、Safari 12+、Edge 18+）都支持 WebP。但仍然有少量桌面软件（如一些旧版 Photoshop、Windows 照片查看器）无法打开 WebP。如果你需要将图片发送给可能使用老旧软件的客户或同事，建议同时保留 PNG 版本。