1 选择 PNG 和 AVIF 文件
opens the file picker natively. Calling .click() on a display:none input is refused by Safari and by some Chrome configurations, so the input stays in the layout: visually hidden, still focusable, and reachable by keyboard. There is no JavaScript in that path at all. --> 将 PNG 和 AVIF 图片拖到这里 或点击选择：.png, .avif，根据文件内容识别格式 只要浏览器能够解码，也接受 AVIF 输入。输出格式仍为 WebP。AVIF 序列只输出第一张解码后的图片。浏览器画布会生成 8 位 SDR 副本：颜色或 HDR 可能改变，不保留元数据，文件也可能变大。原文件保持不变。
2 无损，或者更小
两种模式都保留透明。WebP 和 PNG 一样有透明通道，无需将透明区域填到背景上。
3 开始转换
取消会在处理下一个文件前停止。已开始的编码会完成，生成的文件仍可保存。
# PNG 转 WebP 同一张图片，常常减少三分之一体积，透明区域保持完整。 > 在浏览器中把 PNG 和 AVIF 转为 WebP，可选无损或更小的文件。两种模式都保留透明，无需上传或账号，也可离线使用。 This is an interactive browser tool at https://httcup.github.io/tools/png-to-webp/. Files are processed on the device running that browser. Any deliberate sharing or optional network feature is described on the page. What follows is its written explanation; open the address to use it. ## Your 图片 are **processed in your browser**. No processing upload. 转换在你的浏览器、你的硬件上进行。所有浏览器自 2020 年起都能写出 WebP，因此你来之前编码器已在设备中，无需下载或等待。本页没有任何网络功能，也没有接收图片的服务器，所以可以作出这样的承诺。 - ✗ 无需上传 - ✗ 无需账号 - ✗ 无大小限制 - ✓ 可离线使用 - ✓ 开源 ## 如何将 PNG 转为 WebP 1. **选择 PNG 和 AVIF 文件。** 拖入文件或手动选择。工具通过文件开头的字节识别格式，不看名称。因此真正的 JPEG 会被拒绝并说明原因，而不是转换成自身的副本。带透明区域的文件会有提示，因为人们尤其担心这部分丢失。 2. **选择无损，或者选择更小。** 无损保留 PNG 的每个不透明像素，文件仍然更小，适合截图、示意图、徽标和带文字的图片。“更小”启用质量滑块，适合照片：差别很难看出，节省却很大。 3. **点击“转换”，阅读实际处理结果。** 每个结果显示新大小和变化，并说明浏览器实际写出的编码：无损，或选定质量的有损编码。这一行从完成后的文件中读取，不是复述设置。 4. **逐个下载，或全部一起下载。** 单个文件有下载按钮，两个或更多文件还可打包成 ZIP。同名文件会在扩展名前加数字，避免归档中相互覆盖。 ## The longer version [同一张图片，小三分之一，透明保持完整](https://httcup.github.io/tools/guides/convert-png-to-webp/): 无损 WebP 已比 PNG 小，允许损失时更小。哪种合适取决于图片内容。这里解释两种模式、节省多少以及如何无需上传。 ## Also in the box - [AVIF 转 JPG](https://httcup.github.io/tools/avif-to-jpg/): 把网站如今保存的格式，变成所有软件一直支持的格式。 - [证件照制作](https://httcup.github.io/tools/id-photo/): 选择支持的国家和证件。公布的要求与指导值均有标注。 - [图片堆栈](https://httcup.github.io/tools/stack-images/): 二十张变一张，不用传二十次，也不用 RAW 转换器。 - [图片涂黑与打码](https://httcup.github.io/tools/redact-image/): 你遮住的那块是从文件里删掉的，不是藏在文件里。 ## Questions ### 图片会被上传到哪里吗？ 不会。文件在你的浏览器、你的硬件上读取、解码和写入。本工具没有任何网络功能：不获取也不发送内容。本页的 `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://httcup.github.io/webp-to-jpg/)，也就是反向转换。 ### PNG 为什么原本这么大？ PNG 是无损的，照片不适合这样压缩。截图和徽标有大片重复区域，很适合 PNG；照片几乎没有重复内容，效果很差。手机照片存为 PNG，常常比同图的 JPEG 大十倍。这正是有损模式适用的情况。若必须低于指定大小，[图片压缩器](https://httcup.github.io/compress-image/)可以设目标大小，而非质量。 ### 日期、相机和位置会保留吗？ 不会。画布只存像素，周围的元数据都会丢弃。PNG 通常没有重要的相机信息，因此大多无妨。[EXIF 查看与移除工具](https://httcup.github.io/exif-editor/)可查看和编辑 JPEG、PNG 和 WebP 元数据，不重新编码图片。AVIF 支持只读查看提取到的 EXIF，清理时将第一张解码后的图片转换为新的 PNG，颜色或 HDR 可能改变。 ### 能一次转换整个文件夹吗？ 能。拖入任意数量的文件即可。没有数量或大小限制，因为没有服务器承担处理。每个文件单独显示并可下载，两个或更多文件可打包成 ZIP，顶部显示总节省量。 ### 免费吗？需要账号吗？ 免费，无需账号、登录或试用，没有水印。网站通过广告维持运营，广告不会获得你的图片信息。 ### 可以离线使用吗？ 可以。先加载页面，再断开网络，工具完全照常运行。这也是确认没有上传的最有力证据：向服务器发送文件的转换器断网就会停止，本工具不会。 ### 也能转换 AVIF 图片吗？ 只要浏览器能够解码，也接受 AVIF 输入。输出格式仍为 WebP。AVIF 序列只输出第一张解码后的图片。浏览器画布会生成 8 位 SDR 副本：颜色或 HDR 可能改变，不保留元数据，文件也可能变大。原文件保持不变。 ## How the privacy claim is verifiable - **处理在这个浏览器里完成。** 本工具在浏览器里处理输入和结果，处理代码不把它们上传去处理。Content-Security-Policy 限制可用资源和连接目的地，但已允许的主机仍可接收请求。策略不检查载荷，不能单独证明什么都没有发出。请把具体操作的请求与源码核对，或断网完成该本地操作。 - **透明区域保留，这是人们通常最关心的事。** WebP 和 PNG 一样有透明通道，透明背景的徽标仍有透明背景。无需选背景颜色，也无需填充。这与旁边的 [WebP 转 JPG](https://httcup.github.io/webp-to-jpg/) 不同：JPEG 完全没有透明通道，因此必须询问。 - **无损经过验证，不只是口头保证。** 画布没有无损 WebP 的开关，浏览器根据质量值选择编码。所有当前浏览器在最高质量时输出无损编码。但这是引擎行为，不是规范保证。所以本页会重新读取每个结果，并报告字节中是否真的是无损编码。若浏览器以后改变行为，你会当场收到提示。 - **画布不会保留的内容。** 图片解码后绘制到画布，画布只有像素。因此 PNG 中的文本块、ICC 色彩配置和 XMP 信息不会保留。像素会保留，这就是这里“无损”的含义；周围的元数据不会。[EXIF 查看与移除工具](https://httcup.github.io/exif-editor/)可查看和编辑 JPEG、PNG 和 WebP 元数据，不重新编码图片。AVIF 支持只读查看提取到的 EXIF，清理时将第一张解码后的图片转换为新的 PNG，颜色或 HDR 可能改变。 - **Google 加载什么，又拿不到什么。** 广告和统计脚本来自 Google，捐赠按钮来自 Buy Me a Coffee。它们都不会获得你的图片信息。读取、解码和写入文件的每一行代码都来自本站，并列在代码仓库中。 - **可以离线使用。** 先加载页面再断开网络，工具仍然照常工作。这是最简单的证明：如果转换器把图片发送出去处理，它就不可能做到这一点。 **Check it yourself.** None of the above has to be taken on trust. This page is generated from the templates and config in the repository by a build script you can read and run yourself, and the result is committed to the `dist` branch — so you can diff what is served against what a build of the sources produces: https://github.com/httcup/tools The files worth reading first are `config/site.toml` for the Content-Security-Policy，以及负责转换的 `src/shared/image-convert.js`，尤其是 `encodeWebp`。它写出文件后重新读取 RIFF 数据块，确认浏览器确实输出了要求的无损编码。
如何将 PNG 转为 WebP
- 选择 PNG 和 AVIF 文件。拖入文件或手动选择。工具通过文件开头的字节识别格式，不看名称。因此真正的 JPEG 会被拒绝并说明原因，而不是转换成自身的副本。带透明区域的文件会有提示，因为人们尤其担心这部分丢失。
- 选择无损，或者选择更小。无损保留 PNG 的每个不透明像素，文件仍然更小，适合截图、示意图、徽标和带文字的图片。“更小”启用质量滑块，适合照片：差别很难看出，节省却很大。
- 点击“转换”，阅读实际处理结果。每个结果显示新大小和变化，并说明浏览器实际写出的编码：无损，或选定质量的有损编码。这一行从完成后的文件中读取，不是复述设置。
- 逐个下载，或全部一起下载。单个文件有下载按钮，两个或更多文件还可打包成 ZIP。同名文件会在扩展名前加数字，避免归档中相互覆盖。
更完整的说明
同一张图片，小三分之一，透明保持完整 无损 WebP 已比 PNG 小，允许损失时更小。哪种合适取决于图片内容。这里解释两种模式、节省多少以及如何无需上传。
盒子里还有什么
有疑问？
图片会被上传到哪里吗？
不会。文件在你的浏览器、你的硬件上读取、解码和写入。本工具没有任何网络功能：不获取也不发送内容。本页的 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，也就是反向转换。
PNG 为什么原本这么大？
PNG 是无损的，照片不适合这样压缩。截图和徽标有大片重复区域，很适合 PNG；照片几乎没有重复内容，效果很差。手机照片存为 PNG，常常比同图的 JPEG 大十倍。这正是有损模式适用的情况。若必须低于指定大小，图片压缩器可以设目标大小，而非质量。
日期、相机和位置会保留吗？
不会。画布只存像素，周围的元数据都会丢弃。PNG 通常没有重要的相机信息，因此大多无妨。EXIF 查看与移除工具可查看和编辑 JPEG、PNG 和 WebP 元数据，不重新编码图片。AVIF 支持只读查看提取到的 EXIF，清理时将第一张解码后的图片转换为新的 PNG，颜色或 HDR 可能改变。
能一次转换整个文件夹吗？
能。拖入任意数量的文件即可。没有数量或大小限制，因为没有服务器承担处理。每个文件单独显示并可下载，两个或更多文件可打包成 ZIP，顶部显示总节省量。
免费吗？需要账号吗？
免费，无需账号、登录或试用，没有水印。网站通过广告维持运营，广告不会获得你的图片信息。
可以离线使用吗？
可以。先加载页面，再断开网络，工具完全照常运行。这也是确认没有上传的最有力证据：向服务器发送文件的转换器断网就会停止，本工具不会。
也能转换 AVIF 图片吗？
只要浏览器能够解码，也接受 AVIF 输入。输出格式仍为 WebP。AVIF 序列只输出第一张解码后的图片。浏览器画布会生成 8 位 SDR 副本：颜色或 HDR 可能改变，不保留元数据，文件也可能变大。原文件保持不变。