# PNG 转 WebP ——更小，透明区域也保留

同一张图片，常常减少三分之一体积，透明区域保持完整。

> 在浏览器中把 PNG 转为 WebP，可选无损或更小的文件。两种模式都保留透明，无需上传或账号，也可离线使用。

本页是一个完全在你的浏览器里运行的交互式工具，地址是 https://abox.tools/zh/png-to-webp/。你交给它的任何内容都不会被上传。下面是这个页面用文字对该工具的全部说明；要使用它，请打开这个地址。

## 你的图片**不会上传**。这里根本没有服务器。

转换在你的浏览器、你的硬件上进行。所有浏览器自 2020 年起都能写出 WebP，因此你来之前编码器已在设备中，无需下载或等待。本页没有任何网络功能，也没有接收图片的服务器，所以可以作出这样的承诺。

- ✗ 无需上传
- ✗ 无需账号
- ✗ 无大小限制
- ✓ 可离线使用
- ✓ 开源

## 如何将 PNG 转为 WebP

1. **选择 PNG 文件。** 拖入文件或手动选择。工具通过文件开头的字节识别格式，不看名称。因此真正的 JPEG 会被拒绝并说明原因，而不是转换成自身的副本。带透明区域的文件会有提示，因为人们尤其担心这部分丢失。
2. **选择无损，或者选择更小。** 无损保留 PNG 的每个不透明像素，文件仍然更小，适合截图、示意图、徽标和带文字的图片。“更小”启用质量滑块，适合照片：差别很难看出，节省却很大。
3. **点击“转换”，阅读实际处理结果。** 每个结果显示新大小和变化，并说明浏览器实际写出的编码：无损，或选定质量的有损编码。这一行从完成后的文件中读取，不是复述设置。
4. **逐个下载，或全部一起下载。** 单个文件有下载按钮，两个或更多文件还可打包成 ZIP。同名文件会在扩展名前加数字，避免归档中相互覆盖。

## 说得更细的版本

[同一张图片，小三分之一，透明保持完整](https://abox.tools/zh/guides/convert-png-to-webp/): 无损 WebP 已比 PNG 小，允许损失时更小。哪种合适取决于图片内容。这里解释两种模式、节省多少以及如何无需上传。

## 工具箱里还有

- [AVIF 转 JPG](https://abox.tools/zh/avif-to-jpg/): 把网站如今保存的格式，变成所有软件一直支持的格式。
- [证件照制作](https://abox.tools/zh/id-photo/): 选好国家，它就照那个国家的规定，一字不差地办。
- [图片堆栈](https://abox.tools/zh/stack-images/): 二十张变一张，不用传二十次，也不用 RAW 转换器。
- [图片涂黑与打码](https://abox.tools/zh/redact-image/): 你遮住的那块是从文件里删掉的，不是藏在文件里。

## 常见问题

### 图片会被上传到哪里吗？

不会。文件在你的浏览器、你的硬件上读取、解码和写入。本工具没有任何网络功能：不获取也不发送内容。本页的 `Content-Security-Policy` 列出了全部允许联系的地址，没有一个属于本网站。

### 透明区域会保留吗？

会，两种模式都保留。这是将 PNG 转为 WebP 而非 JPEG 的主要原因。WebP 有真正的透明通道，透明背景的徽标仍然透明。无需选择颜色，也不会被填平。转换前文件行显示是否有透明，结果也会确认透明已保留。

### 无损和更小有什么不同？

无损意味着 WebP 的每个不透明像素都与 PNG 相同，文件仍然通常缩小五分之一到三分之一，因为 WebP 的无损编码比 PNG 更高效。半透明像素的限制在下一条单独说明。“更小”采用有损编码，丢弃不易察觉的细节，可把照片缩小到十分之一。原则是文字、平坦颜色和锐利边缘用无损，照片用另一种。

### 你说“每个不透明像素”，半透明像素呢？

可能有极小变化，这是画布造成的，不是 WebP。浏览器在画布中把颜色与透明度预先相乘，而这个乘法无法完全逆转。越淡的像素，其原始颜色保留得越少。所有基于浏览器的转换器都有这个特性，包括本工具，因为画布负责在格式间传递图片。\
\
实际效果是：完全不透明和完全不可见的像素都逐位保留。两者之间，储存的颜色可能变动。这里测得，透明度低于四分之一的像素颜色最多变化 255 中的 63，其余最多 4。你看不到它，因为变化最大的像素贡献的颜色最少。几乎不可见的像素无论存什么值，仍只贡献几乎不可见的颜色。它只存在于徽标的抗锯齿边缘，转换后看起来一样。\
\
要逐位准确的归档副本，请保留 PNG。要外观一样、体积减少三分之一，本工具正适合。

### 怎么知道真的无损？

因为会重新读取并检查成品，而不是复述设置。WebP 用两种数据块之一存储像素：无损是 `VP8L`，有损是 `VP8` 。本页读取实际数据块并显示在结果行。画布没有无损标志，只能请求最高质量并让浏览器理解。所有当前浏览器都会，本页仍然逐个核实。

### WebP 真能到处打开吗？

在网页上可以。Chrome、Edge、Firefox 和 Safari 自 2020 年起都支持，所以网站无需再考虑备用格式。浏览器之外不太一致：Windows 和 macOS 已能预览，但旧桌面软件、某些上传表单和很多电子书阅读器仍不接受。给这种目标使用 [WebP 转 JPG](https://abox.tools/zh/webp-to-jpg/)，也就是反向转换。

### PNG 为什么原本这么大？

PNG 是无损的，照片不适合这样压缩。截图和徽标有大片重复区域，很适合 PNG；照片几乎没有重复内容，效果很差。手机照片存为 PNG，常常比同图的 JPEG 大十倍。这正是有损模式适用的情况。若必须低于指定大小，[图片压缩器](https://abox.tools/zh/compress-image/)可以设目标大小，而非质量。

### 日期、相机和位置会保留吗？

不会。画布只存像素，周围的元数据都会丢弃。PNG 通常没有重要的相机信息，因此大多无妨。若要检查文件携带什么，[EXIF 查看与移除工具](https://abox.tools/zh/exif-editor/)可以读写，而且不重新压缩图片。

### 能一次转换整个文件夹吗？

能。拖入任意数量的文件即可。没有数量或大小限制，因为没有服务器承担处理。每个文件单独显示并可下载，两个或更多文件可打包成 ZIP，顶部显示总节省量。

### 免费吗？需要账号吗？

免费，无需账号、登录或试用，没有水印。网站通过广告维持运营，广告不会获得你的图片信息。

### 可以离线使用吗？

可以。先加载页面，再断开网络，工具完全照常运行。这也是确认没有上传的最有力证据：向服务器发送文件的转换器断网就会停止，本工具不会。

## 这条隐私承诺怎么核实

- **你的图片无处可去。** 内容安全策略列出了本页可以联系的每一个地址，其中没有任何地址属于本网站。这里没有收集文件的接口，也没有发送文件的代码。
- **透明区域保留，这是人们通常最关心的事。** WebP 和 PNG 一样有透明通道，透明背景的徽标仍有透明背景。无需选背景颜色，也无需填充。这与旁边的 [WebP 转 JPG](https://abox.tools/zh/webp-to-jpg/) 不同：JPEG 完全没有透明通道，因此必须询问。
- **无损经过验证，不只是口头保证。** 画布没有无损 WebP 的开关，浏览器根据质量值选择编码。所有当前浏览器在最高质量时输出无损编码。但这是引擎行为，不是规范保证。所以本页会重新读取每个结果，并报告字节中是否真的是无损编码。若浏览器以后改变行为，你会当场收到提示。
- **画布不会保留的内容。** 图片解码后绘制到画布，画布只有像素。因此 PNG 中的文本块、ICC 色彩配置和 XMP 信息不会保留。像素会保留，这就是这里“无损”的含义；周围的元数据不会。若元数据重要，[EXIF 查看与移除工具](https://abox.tools/zh/exif-editor/)可以读写它们。
- **Google 加载什么，又拿不到什么。** 广告和统计脚本来自 Google，捐赠按钮来自 Buy Me a Coffee。它们都不会获得你的图片信息。读取、解码和写入文件的每一行代码都来自本站，并列在代码仓库中。
- **可以离线使用。** 先加载页面再断开网络，工具仍然照常工作。这是最简单的证明：如果转换器把图片发送出去处理，它就不可能做到这一点。

**你可以自己核对。**上面这些不用你信。这个页面是仓库里的模板和配置生成出来的，构建脚本你能读，也能自己跑一遍，跑出来的结果就提交在 `dist` 分支上。拿实际发给你的内容，跟你自己从源码构建出来的结果对一遍就知道了： https://github.com/A-Box-of-Tools/website

最值得先读的几个文件：`config/site.toml` 里是 Content-Security-Policy，以及负责转换的 `src/shared/image-convert.js`，尤其是 `encodeWebp`。它写出文件后重新读取 RIFF 数据块，确认浏览器确实输出了要求的无损编码。