用 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 格式,不影响了读者的阅读品质。

【声明1】:如本站转载别的站的文章,我个人没有添加来源,您可以发电邮:admin#zhuji.gd 提醒我,我会尽快添加文章来源。 【声明2】:本博客不参与任何交易及中介服务,只记录 VPS 测评和优惠,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。
(0)
上一篇 08/06/2019 09:09
下一篇 12/07/2019 14:04

相关推荐

  • themebetter WordPress主题双11大促,DUX史上最强更新,仅480元

    今天themebetter推出双11年度大放价,WordPress主题全场6折特惠,史上最低价,年度唯一特惠。主题最高直降320元,一样的高品质、不一样的超低价。 这次双十一大促,DUX主题也迎来史上最强更新,全站UI配色几乎重做,在保留DUX的基调之上强大的优化了前端加载效率,去除了原有的 Bootstrap框架、Fontawesome字体库、删除了十分鸡肋的JS文件托管、压缩了前端输出的CSS和JS代码,在极大程度上让主题更加快速的呈现在用户面前。与之...

    01/11/2022
    9560
  • 知名WordPress博主Zww大神的高质量WordPress评论及文章代码

    Zww 大神已经很久没有开发 WordPress 主题了,现在很多年轻的开发者可能都不认识 Z 大了,不过如果是水煮鱼、木木木木木这辈的,应该都相熟。Z 大优化的 WordPress 代码,一直在使用,虽然都是老代码,对于一些想要自行修改 WordPress 主题的童鞋还是很有帮助。 最新评论代码 - Recent Comments 这个是支持显示 gravatar 头像的。代码如下,使用 sql 实现的,对中文支持非常好,但英文博客就还是算了。 <h2>Recent Commen...

    09/03/2019
    11.0K0
  • Tmhhost新上香港CN2GIA VPS 三网回程CN2GIA 堪比国内机房;洛杉矶cera高防VPS八折促销¥79.20/季

    Tmhhost 最近新上香港 CN2GIA VPS,强制三网回程CN2GIA,去程电信CN2 联通移动直连,速度堪比国内 VPS,ping值稳定在20-70ms之间,如果不备案兼顾速度,可以考虑此款机器。镇江 BGP 高防 VPS 送50G高防,必须实名认证。 Tmhhost的洛杉矶CERA CN2 GIA VPS,三网回程CN2GIA线路,现在购买季付八折循环折扣,力度不小。 香港 CN2GIA VPS 安畅机房,强制三网回程CN2GIA,去程电信CN2 联通移动直连,速度非常快,不限流,不备案建站...

    15/01/2021
    6.1K0
  • CentOS 系统卸载阿里云盾安骑士、云助手等云监控安全组件

    本站推荐过FxxckAliyun一键脚本,卸载阿里云安骑士、云盾、云监控,作者已经很久没有更新这个脚本了。使用阿里云云服务器,阿里云自带的安全监控组件会造成服务器占用非常高,严重影响网站访问。今天分享下在 CentOS 系统下完整干净地卸载掉阿里云云盾安骑士和阿里云助手等安全监控组件的教程。 卸载阿里云助手 阿里云助手路径:/usr/local/share/aliyun-assist,执行以下命令行即可卸载: systemctl stop aliyun systemctl dis...

    技术教程 03/07/2022
    2.9K0
  • Chrome插件Logo Grabber快速取得网站或品牌Logo

    如果要寻找一个公司或品牌Logo,可能很多人会直接前往官方网站,但也不是每个网站都会提供Logo相关信息。 比较有规模的公司或许可以从简介或媒体中心找到有各种格式、标准色和标志使用规范。 本文要介绍的Logo Grabber是一个帮助下载网站和品牌Logo的Chrome浏览器插件,尤其对很多网站Logo可能是看得到抓不到的情况下特别有用。 Logo Grabber使用Oqtor API相关技术,可以在最短时间内获取最正确的Logo标志图案,Logo Grabber省...

    21/03/2019
    530
  • Hazi.ro罗马尼亚无限流量便宜vps,1GB内存,月付0.99欧元起

    Hazi.ro是一家罗马尼亚VPS主机商家,成立于2021年,由3个罗马尼亚大学生运营。Hazi.ro 提供虚拟主机和VPS主机,其中VPS提供KVM和LXC两种架构;Hazi.ro 只有罗马尼亚巴库乌一个机房。从LET上看到,Hazi.ro 提供两款无限流量便宜VPS主机,应该是NAT VPS,一个共享IPv4 50个端口,默认LXC架构,1Gbps带宽,月付0.99欧元起。 罗马尼亚的机房对于版权比较宽松,所以如果有外贸,或者东欧业务的童鞋可以考虑下。我之前推荐过一家美国...

    24/12/2021
    2.9K0
  • 苹果 macOS 系统上替代 Notepad++ 的三款文本编辑器

    自从更换苹果笔记本之后,要编辑代码不能再使用 Notepad++了。在苹果笔记本,特别是 M1 版本,有没有替代 notepad++ 的文本代码编辑器? 我对 notepad++ 的替代品的要求就是可以顺滑地打开比较大的文件;有丰富功能和插件;保持更新频率;支持批量操作。下面列出macOS 系统中,三款个人觉得不错的文本编辑器。 vscode Visual Studio Code(vscode)是一个轻量的免费文本编辑器,功能比较强大,支持 Windows,macOS系统,如果不...

    技术教程 09/08/2022
    3.1K0
  • 主机格调被 CC 攻击,已经恢复访问

    最近因为事情非常多,没有怎么更新主机格调,也不像之前每天看看后台数据,在 6 月 2 日发现网站访问非常慢。在宝塔面板后台,看到负载 100%,CPU 100%,第一印象就是被攻击,判断为 CC 攻击,通过国内肉鸡和国外 IP 进行攻击,宝塔专业版的 WAF 防御根本没有用,或者也可以说一旦被攻击,VPS 商家会直接黑洞。经过查看记录,发现这次攻击从 5 月 31 日就开始了,已经持续了好几天,严重影响了网站访问。 被 CC 攻击造成的严重...

    04/06/2023
    2000
  • 免费甲骨文云账户如何升级付费账户,避免免费VPS被清理?

    今天二月份甲骨文正式开始清理闲置资源,并提供了一键保活教程。参考:甲骨文云(Oracle Cloud)删除清理闲置免费VPS实例,如何一键保活脚本? 但是后来发现,保活脚本还在运行,但是服务器还是被停了。原因是在23年4月20日左右,官方又调整了新的清理闲置资源的规则。 2023年4月20日新的甲骨文云空闲计算实例的回收规定 Idle Always Free 计算实例可能会被 Oracle 回收。如果在 7 天内满足以下条件,则 Oracle 会将虚拟机和裸机...

    29/06/2023
    3390
  • Typecho 在小皮面板中添加伪静态规则

    WordPress 程序资源占用率较高,而 Typecho 却只占用非常少的资源,所以使用 Typecho 建站是不错的选择。不过 Typecho 也不是完美的,数据一旦超过10万,运行比较卡,所以 Typecho 适合轻量化的网站。 我惯常使用宝塔面板,在宝塔中,Typecho 伪静态规则在伪静态设置直接添加。不过,我的一个英文站使用了小皮面板,需要手动在后台添加完伪静态规则,才能生效。 以下伪静态规则只能在 Linux 系统中使用。 Apache 环境(.htacces...

    技术教程 03/08/2020
    1010
返回顶部