WebP vs PNG
WebP 是一种同时支持有损和无损模式的现代 Web 图片格式；PNG 则是一种被普遍支持的无损格式。
WebP 和 PNG 都支持完整的 alpha 透明通道，但二者解决的问题并不相同。WebP 由 Google 开发，提供有损模式（基于 VP8 帧内编码）和无损模式，因此能为网页上的照片和图形生成体积小得多的文件。PNG 则是一种仅支持无损的格式，在各类浏览器、操作系统和图像编辑软件中几乎都能通用。当你无法控制文件将以何种方式被打开时，PNG 是最稳妥的默认选择。
| WebP | PNG | |
|---|---|---|
| 压缩方式 | 支持有损和无损两种模式 | 仅支持无损 |
| 透明度（alpha） | 两种模式均支持完整的 8 位 alpha | 完整的 8 位 alpha + 1 位调色板透明 |
| 动画 | 支持（多帧，类似动态 GIF） | 不支持（需使用单独的 APNG 格式） |
| 色彩深度 | 每通道 8 位（24 位色，不支持 16 位/HDR） | 每通道最高 16 位；支持灰度和索引模式 |
| 典型文件大小 | 在大多数图片上都比 PNG 小；比 JPEG 小约 25-35%（有损） | 更大；仅在纯色图形、文字和截图上较高效 |
| 兼容性 | 当前所有主流浏览器；部分旧版工具不支持 | 在浏览器、操作系统和图像软件中通用 |
在以下情况选择 WebP
- 你要在网页上发布图片，希望文件更小、页面加载更快
- 你需要透明度或动画，但想要比 PNG 或 GIF 更好的压缩效果
- 你要呈现照片类内容，且可以接受有损压缩
- 你的受众使用现代浏览器，它们都支持 WebP
在以下情况选择 PNG
- 你需要确保在任何浏览器、操作系统或旧版软件中都能兼容
- 图片是 logo、图标、截图或线条图，带有锐利边缘和纯色块
- 你需要无损质量或高于 8 位的色彩深度（每通道最高 16 位）
- 文件会被反复编辑，且每次保存都不能出现质量损失
对于在网页上分发的图片，请使用 WebP：它体积更小，能加快页面加载，同时保留透明度并支持动画。当你需要最大化兼容性、无损质量、更高位深，或需要一种任何工具都能打开的格式时，请使用 PNG。一种常见的工作流程是：保留一份 PNG 母版，再导出 WebP 用于发布。
相关转换
常见问题
WebP 一定比 PNG 小吗？
通常是，但并非绝对。在大多数图片上，WebP 无损模式一般优于 PNG，而 WebP 有损模式在照片类内容上要小得多。对于非常简单的纯色图形，PNG 偶尔能与 WebP 持平甚至更小，因此值得对比两种输出结果。
把 PNG 转成 WebP 会损失质量吗？
这取决于所用模式。WebP 无损模式会像 PNG 一样完整保留图像。WebP 有损模式会丢弃部分数据以缩小文件，这对照片来说没问题，但可能让文字和线条图的锐利边缘变模糊。需要精确副本时，请使用无损 WebP。
WebP 能取代动态 GIF 吗？
可以。WebP 支持多帧动画，具备完整的色彩和 alpha，而且动态 WebP 文件通常比同等的 GIF 小得多。主要的取舍在于：在非常老旧或小众的工具中，GIF 仍拥有更广泛的支持。
凡是能打开 PNG 的地方，WebP 文件都能打开吗？
并不完全如此。当前所有主流浏览器都能显示 WebP，但一些旧版程序、邮件客户端和老旧系统只支持 PNG。如果你需要一个在任何地方都能可靠打开的文件，PNG 是更稳妥的选择。