WebP 是谷歌大约 5 年前开发的一种图像格式。这种格式通常被称为 weppy,是网页设计师和开发人员的福音,他们的目标是最小化和优化图片大小。
在本指南中,我将阐明为什么 WebP 可能就是你一直在寻找的解决方案。
WebP 图像的主要特点
不过,首先让我们快速了解一下 WebP 的一些主要特征:
- 它的文件扩展名为 .webp。
- 它支持有损和无损压缩技术。
- 有损压缩的 WebP 图像通常比 JPEG 图像小 25-34%。
- 对于无损压缩,WebP 图像可比 PNG 图像小 25%。
- 它完全支持无损透明,类似于带有 alpha 通道的 PNG。
- WebP 甚至还支持动画,因此有可能取代 GIF 动画。
总而言之,WebP 为减小 JPEG、GIF 和 PNG 图像的大小提供了强大的解决方案。现在,让我们深入探讨如何充分利用这种格式。
WebP 更小吗?实验说话
网络谣言的最大优点之一就是其可验证性。我们可以随时进行实验来评估其真实性和真伪。我进行了几项测试,以确定从各种格式(JPEG、PNG 和 GIF)转换到 WebP 时,图像的大小能减少多少。
JPEG vs. WebP
这是一张取自 Pexels 的 JPEG 图像。
文件大小:165kb。
这是用 JpegMini 优化后的同一图像。
文件大小:101kb。
这是经过优化后转换成 WebP 格式的相同图片。
文件大小:70kb。
以下是同一图像转换成其他格式后的文件大小,以供参考:
- GIF:285kb
- PNG 8:241.2kb
- PNG 24:657.6kb
PNG vs. WebP
这是一张透明的 PNG 图像(来源)。
文件大小:587kb。
这是经过 tinypng 优化后的 PNG 图像。
文件大小:278kb。
这是转换为 WebP 格式后的同一图像。
文件大小:112kb。
GIF vs. WebP
转换为 WebP 格式后,JPEG 图像从 165kb 降至 70kb,PNG 图像从 587kb 降至 112kb。为了进一步测试 WebP 在动画 GIF 上的效率,请看以下结果:
- 转换前的原始文件大小:6.8 MB
- 转换为 WebP 后的文件大小:6.3 MB
结论
下表总结了实验结果:
JPEG | PNG | GIF (动画) | |
---|---|---|---|
原始图片 | 165kb | 587kb | 6.8mb |
使用工具优化后 | 101kb | 278kb | – |
转为 WebP 后 | 70kb | 112kb | 6.3mb |
原文地址:https://www.wbolt.com/webp-guide.html