WebP 相对于 PNG、JPG 有什么优势？

先放一个 WebP 转换的示例链接，可以直观感受 WebP 在图片大小上的优势。

WebP示例链接（GIF、PNG、JPG转Webp）

WebP，是一种同时提供了有损压缩与无损压缩的图片文件格式，派生自视频编码格式 VP8。WebP 最初在2010年发布，目标是减少文件大小，但达到 和 JEPG 格式相同的图片质量，希望能够减少图片档在网络上的发送时间。2011年11月8日，Google 开始让 WebP 支持无损压缩和透明色的功能。

根据 Google 较早的测试，WebP 的无损压缩比网络上找到的PNG档少了45％的文件大小，即使这些 PNG 档在使用 PNGCRUSH 和 PNGOUT 处理过，WebP 还是可以减少28％的文件大小。就目前而言，Webp 可以让图片大小平均减少70%。WebP 是未来图片格式的发展趋势。

WebP 的应用场景及优势：

• 客户端软件，内嵌了基于 Chromium 的 webview，这类浏览器中应用的网页是可以完全使用WebP 格式，提升加载渲染速度，不考虑兼容。
• 用 node-webkit 开发的程序，用 WebP 可以减少文件包的体积。
• 移动应用 或 网页游戏 ,界面需要大量图片,可以嵌入 WebP 的解码包，能够节省用户流量，提升访问速度优势：
• 对于 PNG 图片，WebP 比 PNG 小了45%。

相关推荐： 图片秒瘦 90%，WebP 转换技术让图片“薄如蝉翼”

先提供一个网址，供大家体验下WebP格式：

WebP 图片格式派生自 VP8 视频编码，同时提供有损压缩和无损压缩：

• 有损 WebP 压缩使用的图像编码方式与 VP8 视频编解码器中压缩视频关键帧的方法相同。利用图像已编码部分预测未编码部分，将图像细分来进行预测处理，分块越细预测越准确。获取编码数值后将原图像数据减去预测数据得到差值，仅对差值进行编码，以此控制大小；
• 无损 WebP 压缩使用已知的图像片段来精确地重建新的像素，在无法找到相应的匹配值的情况下，使用本地调色板进行优化。

有损 WebP VS JPG

当 WebP 将 JPG 压缩到相当于原图 90% 质量 时，图片体积减少了 50% 左右。当 WebP 将 JPG 压缩到相当于原图 80% 质量时，图片体积则减少了 60%~80%。

有损 WebP 压缩性能优于 JPG 的原因主要是其预测编码技术先进，并且宏块自适应量化也带来了压缩效率的提升，而布尔算术编码与霍夫曼编码相比提升了 5%~10% 的压缩性能。

无损 WebP 对比 PNG

上图是 PNG 原图与 WebP 无损的对比，WebP 无损对 PNG 图片的优化到达了 20%~40% 。

想对 WebP 有个更详尽了解的小伙伴，可以阅读下面两篇内容：

WebP 的前世今生

都说 WebP 厉害，究竟厉害在哪里？