调查:WebP – Web的新图像格式

在引入移动设备的高清屏幕之前,这两种图像格式在技术上都可以正常工作,这促使Web设计人员重新考虑这些格式在Web上的使用效率。

通常,我们在Web图像上使用PNG的JPEG。

图像还将在Web存储中占用更多空间,最终还将消耗大量带宽。

但是,有关此问题有一些后果:首先,对于Internet连接速度较慢的用户,需要等待(真正)缓慢加载网站。

否则,图像可能会像素化。

简而言之,高清屏幕需要两倍于常规图像的分辨率和尺寸。

让我们看一下WebP图像格式。

这种格式可提供图像清晰度,同时保持小于JPEG和PNG的尺寸。

最近,谷歌提出了一种解决方案:一种称为WebP的 Web新图像格式。

WebP比较

在此示例中,我们比较了Rula Sibai三种不同格式的图像。

调查:WebP – Web的新图像格式

正如您在上面看到的,上面的图像看起来几乎具有相同的质量,但是WebP格式的大小是这三个中最低的。

这是一个示例和比较。

此外,WebP 支持Alpha通道,该通道允许我们在图像上创建透明度 ,这对于创建图像徽标非常有用。

调查:WebP – Web的新图像格式

WebP工具

但是,已经有一些工具可以让我们加载,创建,保存并将JPEG,PNG和其他图像格式转换为WebP格式。

不幸的是, 除Pixelmator之外 ,许多图像编辑器目前不支持WebP格式。

目前,只有Opera和Chrome本身支持WebP格式,而Firefox仍在考虑。

遗憾的是,大多数浏览器尚未广泛支持WebP支持。

有关WebP浏览器支持的完整列表,您可以转到下一页

最终思想

尽管缺乏支持,但使用WebP仍有一些优点:

WebP似乎是将来Web的一种有前途的图像格式。

  • 图像尺寸要小得多。如果图像尺寸较小,我们可以节省很多存储空间和带宽。
  • 由于在我们的上述测试中,WebP的大小小于JPEG和PNG,因此图像加载速度可能更快。
  • WebP是一种有损图像格式,例如JPEG。 但是,与JPEG不同,WebP支持Alpha通道,该通道允许在图像上创建透明度。 因此,除了使用PNG和JPEG外,我们还可以简单地将一种格式用于Web图像。

进一步阅读


翻译自: https://www.hongkiat.com/blog/webp-image-format/