用WEBP图片格式既利于SEO优化又能优化图片大小

  • A+
所属分类:网站建设

每次使用web.dev等网站测试网站分数的时候,都会发现这些网站提示要优化图片尺寸,明明都已经压缩过的图片依然还会被要求再缩小,这样的话,我们在优化图片大小的时候,经常为了SEO优化而牺牲图片品质。

那么有没有一种两全其美的办法可以既优化了图片大小,又能有利于网站SEO优化了?

什么是WebP 图片格式

WebP格式是由Google开发的一种新图片格式,旨在于将现在的图片在不破坏品质的状况下将图片压缩更小,不管你是选择会损害图片品质的WebP压缩格式或是完全不损害品质的WebP不压缩格式,优化后的图片大小都会低于JPG或PNG。

阅读推荐:比TinyPNG好用的Squoosh在线图片压缩

所以越来越多的浏览器支援WebP图片格式,或是将WebP图片格式列为主机优化的一个重要标准。而WordPress也在新版本中支持了该格式。

WebP 图片格式优缺点

一、WebP 图片格式的优点

Google 宣称PNG 格式转换成WebP 格式后可以减少28%~45% 的图片大小,如果你今天是将JPG 图片转换成WebP 格式,平均仍然可以节省大小约25%~34% 左右的图片大小,所以WebP无疑是目前建站优化图片大小的首选。

二、WebP 图片格式的缺点

由于目前支援WebP 格式的浏览器有限,有些浏览器或较旧版的浏览器可能还不支援WebP 图片格式,有些图片在部分地方无法正常显示。

如何在转换成WebP 图片格式

如果你是使用WordPress建站可以直接使用WordPress官方插件Jetpack,自动把图片变成WebP格式。

如果浏览器不支持WebP格式,该插件也会自动切换成JPG或PNG格式;你也可以直接使用CloudFlare的收费服务服务自动把图片变成WebP图片格式。。

上述两个方法虽然都以帮你把图片变成WebP 格式,但是因为众所周知的原因,如果主机在海外,可能国内访问你的网站可能会裂图。

WebP 图片格式的注意事项

虽然WebP 图片格式可以将图片缩小,有利于网站访问速度变快,我还是建议在上传图片之前将图片缩小成适当的格式,这样的话再把把图片变成WebP 格式的时候才更方便将图片优化,又或者读者的浏览器不支持WebP 格式转为原来的JPG 或PNG 格式,不影响了读者的阅读品质。

avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:4   其中:访客  2   博主  2

    • avatar 丘八 0

      写的很好,支持一下

        • avatar 机器猫 Admin

          @丘八 也就这么点爱好了,写点东西,不过这篇文章是转载的别人的。。

        • avatar MAY的SEO博客 3

          其他浏览器能兼容吗?

            • avatar 机器猫 Admin

              @MAY的SEO博客 现在基本都支持了,可能老版本浏览器可能就会有兼容问题。。下一步我的博客的图片会webp化。