什么是WebP?有什么优缺点

2020.03.25 -

   

拥有快速加载的网站可能是每个网站管理员的梦想。优化页面速度的方法之一是使用WebP格式图像。那么,什么是WebP?与PNG或JPEG相比,这种格式可以提供更丰富,高质量的图像。

在本文中,您将了解WebP,其优缺点以及如何在WordPress网站上使用此格式。

webp

WebP到底是什么?

WebP是Google早在2010年开发的一种文件格式。它在保持图像质量不变的同时,为图像提供了更高的压缩率。网站管理员和开发人员可以创建较小文件大小的图像,以便您的网站可以更快地加载它们。

与PNG和JPEG格式相比,此格式使用更强大的无损和有损压缩方法。

无损压缩意味着在解压缩文件后,原始数据的每一位都将保持不变。与PNG相比,无损WebP压缩图像最多可提高26%。

另一方面,有损比较通常会通过删除一定数量的原始数据来减小文件大小。通过预测编码来编码图像,有损WebP可提供与JPEG相当的质量,同时将图像文件大小从25%减少到34%。

优点

正如我们前面提到的,较小的图像尺寸可以对您的网站产生很大的影响-它可以帮助网站更快地加载。

另一个好处是您可以节省更多的带宽,尤其是在您的站点中充满大量图像的情况下,例如,如果您经营美食,旅游或摄影博客。

为了更好地理解它们之间的区别,让我们看一下JPEGPNG格式的简要说明。

  • JPEG(或JPG) –此格式非常适合具有多种颜色的图像,并且是静止图像的首选选项。但是,通常需要权衡取舍:由于压缩,您会注意到图像质量略有下降。
  • PNG –即使图像被压缩,也可以保持图像质量。此格式适用于具有大量数据或像素的图像,例如徽标,大量文本图像和插图。但是,它不适用于照片。

WebP结合并提供了两种格式的优点。尽管其尺寸比PNG或JPEG小25-34%,但它仍设法保留了图像质量。

举例来说,请看一下Google WebP画廊中的图像。如您所见,我们无法真正区分出左侧的JPEG图像和右侧的WebP图像之间的质量差异。

但是,当您进行文件检查时,您会注意到WebP图像比JPEG分别小32%和34%的区别。

缺点

鉴于此图像格式具有的所有优点,值得一提的是它具有一些局限性。

首先,尽管一些主流浏览器已经支持WebP格式,包括Google Chrome,Firefox和Opera 。 但是,Safari和  Internet Explorer  没有。

鉴于目前的趋势,我们希望这些浏览器会很快推出。

对于想要在其网站上使用此格式的网站站长而言,另一个问题是WordPress当前不支持WebP图像。这意味着您不能将WebP文件上传到WordPress媒体库。

但这并不意味着您不能使用它-您只需要插件的帮助即可。

在WordPress中使用WebP

WebP Express插件可在WordPress上启用WebP
WordPress上的WebP Express设置
Optimole插件主页

您可以使用WebP Express在WordPress图像上显示WebP ,这是有关如何安装WordPress插件的教程。WebP Express插件使用WebP转换库来更改图像。该插件用作转换器,可为支持此格式的浏览器生成WebP,但向不支持该格式的浏览器显示JPG或PNG。

您还可以使用Optimole插件,以帮助您将图像转换为支持WebP的浏览器。这个插件不仅可以优化您的WebP图像,还可以通过CDN为它们提供服务。除了插件之外,您还可以使用Photon API进行相同的操作。使用此API,您的JPEG和PNG图像将立即转换为所需的格式。

但是,请注意,您只能将此API用于WordPress.com上托管的网站或与Jetpack连接的WordPress网站。

结论

就现在,您已经了解了WebP格式,可以帮助您在网站上使用更小的尺寸,更丰富的图像。您可能希望开始对图像使用这种格式,因为它可以帮助您的网站更快地加载它们。它还为您提供了足够的带宽配额空间,尤其是当您在站点上使用大量图像时。尽管它有局限性,但您始终可以找到可帮助您转换这些图像的插件。

本站文章禁止转载,违者必究
阅 602
0

拥有快速加载的网站可能是每个网站管理员的梦想。优化页面速度的方法之一是使用WebP格式图像。那么,什么是Web […]

湘公网安备 43011102001693号

    湘ICP备19003021号-1