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

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

什么是WebP

WebP格式是由Google开发的新图片格式,将现在的图片在不破坏品质的情况下将图片压缩更小,优化后的图片大小都会低于JPG或PNG。

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

现在几乎所有的浏览器都支持WebP格式。而且WordPress也在新版本中支持WebP格式。

WebP 格式优点

Google 宣称PNG转换成WebP 格式后,可以缩小28%~45% 的图片大小,如果将JPG转换成WebP 格式,可以缩小25%~34% 左右的图片大小,使用WebP格式非常有利于WordPress 网站优化。

WebP 格式缺点

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

如何转换成WebP 图片格式

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

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

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

WebP 图片格式的注意事项

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

未经允许不得转载:主机格调 » 用 WEBP 图片格式既利于 SEO 优化又能优化图片大小