web图片格式webp_WebP – Web的新图像格式

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

简而言之，高清屏幕需要两倍于常规图像分辨率和尺寸； 否则，图像可能会像素化。 但是，有关此问题有一些后果：首先，对于Internet连接速度较慢的用户，需要等待（真正）缓慢加载网站。 图像还将在Web存储中占用更多空间，最终还将消耗大量带宽。

最近，谷歌提出了一种解决方案：一种称为WebP的 Web新图像格式。 这种格式可提供图像清晰度，同时保持小于JPEG和PNG的尺寸。 让我们看一下WebP图像格式。

WebP比较

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

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

此外，WebP 支持Alpha通道，该通道允许我们在图像上创建透明度 ，这对于创建图像徽标非常有用。 这是一个示例和比较。

WebP工具

不幸的是， 除Pixelmator之外 ，许多图像编辑器目前不支持WebP格式。 但是，已经有一些工具可让我们加载，创建，保存并将JPEG，PNG和其他图像格式转换为WebP格式。

• WebP for Photoshop –这是一个Photoshop插件，可让您以WebP格式加载和保存图像。
• 转换为WebP –此工具将JPEG和PNG以及其他格式转换为WebP。
• WebP转换为其他格式 –此工具将WebP转换为其他格式。
• 用于WebP的Gimp –用于支持WebP格式的Gimp插件。
• Windows的WebP编解码器 –使用此编解码器，我们可以在Windows中本地查看WebP格式。

遗憾的是，大多数浏览器尚未广泛支持WebP支持。 目前，只有Opera和Chrome本身支持WebP格式，而Firefox仍在考虑使用它。

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

最终思想

WebP似乎是将来Web的一种有前途的图像格式。 尽管缺乏支持，但使用WebP仍有一些优势：

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

进一步阅读

• WebP，网络的新形象 – Google Developer
• Chrome上的WebP –Chrome博客
• WebP综合指南

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