点击关闭
点击关闭

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

机器猫 浏览:50 4

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

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

什么是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 图片格式[ad]

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

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

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

WebP 图片格式的注意事项

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

广告
发表评论 取消回复
表情 图片 链接 代码

  1. 丘八
    丘八 Lv 1

    写的很好,支持一下

    • 机器猫
      机器猫 站长

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

  2. MAY的SEO博客

    其他浏览器能兼容吗?

    • 机器猫
      机器猫 站长

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

分享