这个页面的代码没跑起来。

直接从文件夹里打开 index.html,浏览器会拦下 JavaScript 模块,于是你选好一张图片之后,页面不会有任何反应。改用 http 把这个文件夹提供出去:

powershell -ExecutionPolicy Bypass -File serve.ps1

然后打开 http://localhost:8080/。

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

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

语言: 简体中文
查看源码
你的图片不会上传。这里根本没有服务器。

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

实时检查: 检查中…

离线: 检查中…

你可以亲自验证:打开开发者工具,观察“网络”标签页并转换一张图片。你会看到本页自身的文件加载,但没有请求携带图片、缩略图、文件名或你选择的任何一个字节。也可以先加载页面,断开网络,再转换整个文件夹。

1 选择 PNG 文件

2 无损,或者更小

两种模式都保留透明。WebP 和 PNG 一样有透明通道,无需将透明区域填到背景上。

How to encode it

3 开始转换

以 Markdown 查看

如何将 PNG 转为 WebP

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

能一次转换整个文件夹吗?

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

免费吗?需要账号吗?

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

可以离线使用吗?

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