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

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

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

最后更新 2026 年 9 月 17 日

## 简短答案

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

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

两种模式都无需上传。浏览器自 2020 年起能写 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://abox.tools/zh/guides/convert-webp-to-jpg/) 有专门解释。WebP 没有这个问题，所以可以选择时通常更适合。

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

## WebP 真能到处打开吗？

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

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

## 不会保留的内容

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

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

## 为什么不用上传

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

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