# 同一张图片，小三分之一，透明保持完整

WebP 无损模式保留 PNG 像素却更小；有损模式可把照片压到十分之一。选择完全取决于图片内容，这里教你判断。

[打开PNG 转 WebP](https://httcup.github.io/tools/png-to-webp/): 同一张图片，常常减少三分之一体积，透明区域保持完整。

最后更新 2026年10月13日

只要浏览器能够解码，也接受 AVIF 输入。输出格式仍为 WebP。AVIF 序列只输出第一张解码后的图片。浏览器画布会生成 8 位 SDR 副本：颜色或 HDR 可能改变，不保留元数据，文件也可能变大。原文件保持不变。

## 简短答案

打开 [PNG 转 WebP 转换器](https://httcup.github.io/tools/png-to-webp/)，拖入文件，选择以下一种：

- **无损**适合文字、平坦色块和锐利边缘：截图、示意图、徽标、图表，任何绘制而非拍摄的图片。每个不透明像素完全不变，文件仍然更小。
- **更小**适合照片。节省巨大，差别很难看出。

两种模式都无需上传。浏览器自 2020 年起能写 WebP，编码器已经在设备中。

## 说明截图和产品抠图，检查点不同

**帮助中心或博客截图。**先用无损模式转换少量样本，查看每份结果的实际编码并比较大小，再处理整批。在发布系统的正常显示尺寸下检查最小标签。转换保留尺寸，大截图要缩放就先缩，再检查缩后文字。

**浅色和深色背景上的产品抠图。**锐利边缘和文字先试无损，实拍产品可比较更小模式。下载 WebP 放在两种背景下测试，重点看头发、玻璃和柔边。透明会保留，但画布处理可能改变半透明通道值。保留 PNG 原件，替换前确认商店或发布系统接受 WebP。

## PNG 为什么本来这么大

PNG 无损，从不丢任何内容。它寻找重复：相同像素、类似上一行的行，再紧凑描述。

对 PNG 原本的目标，这非常有效。截图大多是平坦面板和重复文字，徽标只有少数纯色，都能大幅压缩。

照片几乎不重复，效果便很差。草地、天空渐变、传感器噪声，每处都略有不同，PNG 忠实记录。手机照片存为 PNG，经常比同图 JPEG 大十倍。不是 PNG 不好，而是让无损格式存了通常没必要无损的东西。

所以正确选择完全取决于图片。

## 无损 WebP：直接替换

WebP 有无损模式，比 PNG 更新、方法更多，压缩更好。对适合 PNG 的图片，通常还能再省五分之一到三分之一，不需丢弃内容。

文字和硬边缘都用这个模式：文档截图、界面设计、示意图、线条图、徽标、图表、像素画。结果是同图更小，除了不支持 WebP 的软件，没有别的障碍。

“无损”应当验证，工具确实验证。WebP 用两种数据块之一储存像素，转换器重新读取成品，确认实际是哪种。浏览器若停止遵守要求，结果行会说明，不会把有损文件叫作无损。目前所有浏览器都遵守。

## 有损 WebP：适合照片

另一种模式丢弃不易察觉的细节，像 JPEG，但更高效。照片的 2 MB PNG 常常能变成不足 200 KB，放在一起几乎分不清。

质量滑块默认 80，这是 WebP 的默认值，对照片通常很好。低于约 60 时开始看到损失。

这模式*不*适合前面的平坦色块。有损压缩平滑画面，文字和硬边缘恰好不该平滑，字周围会出现像劣质扫描的淡晕。图中有字就选无损。

## 透明在两种模式中都保留

通常最担心的事答案很简单：WebP 与 PNG 一样有真正的透明通道，透明背景的徽标依然透明，不用填色。

另一方向则不同，转*为* JPEG 会破坏透明，因为它没有透明通道。[WebP 转 JPG](https://httcup.github.io/tools/guides/convert-webp-to-jpg/) 有专门解释。WebP 没有这个问题，所以可以选择时通常更适合。

精确承诺也要附上测量限制：*部分*透明的像素，其背后储存的颜色可能略变。这是浏览器画布先把颜色乘以透明度、无法精确逆转造成的，不是 WebP。它不可见，因为变动最多的颜色也最不显眼。不透明像素逐位不变。

## WebP 真能到处打开吗？

网页上可以。Chrome、Edge、Firefox 和 Safari 从 2020 年起都能显示，目标是网站就不用准备备用格式。这也是转换的主要理由：网页更小，图片一样。

浏览器之外不一致。Windows 和 macOS 已能预览，旧桌面软件、一些表单和多数电子书阅读器仍不接受。为这些目标，应使用相反工具 [WebP 转 JPG](https://httcup.github.io/tools/webp-to-jpg/) 和它的[指南](https://httcup.github.io/tools/guides/convert-webp-to-jpg/)。

## 不会保留的内容

像素保留，周围的信息不保留。经过画布，PNG 文本块、ICC 色彩配置和 XMP 都丢弃。

多数 PNG 没有重要的相机数据，截图也没有。需要知道文件携带什么时，[EXIF 查看与移除工具](https://httcup.github.io/tools/exif-editor/)可读写而不重新压缩。

## 为什么不用上传

任务的两半已在你设备中。浏览器显然能解码 PNG，也从 2020 年起能编码 WebP，这正是网站能使用 WebP 的基础。

把文件发到服务器的转换器是在运行你已有软件的副本，并持有你的图片。[本工具](https://httcup.github.io/tools/png-to-webp/)在页面中工作，因此断网也可用，这是没有发送的最简单证明。一般解释见[上传文件安全吗](https://httcup.github.io/tools/guides/is-it-safe-to-upload-files/)。