网站优化是网站运营中一个长期的且必不可少的任务,网站优化是包含很多个方面的,这里讲一讲图片优化。文章加上配图会增加文章的可读性,但是往往一个图片的大小就超过了整片文章内容的大小了,图片越多,页面需要加载的时间也就越长,太长加载时间的话就会严重影响网页浏览体验,所以说如何压缩图片大小提高网页加载速度,是网站优化中非常重要的一个环节。
WebP格式是由谷歌开发的一种旨在加快图片加载速度的图片格式,特点是图片占存储空间更小,其图片压缩的体积大约只有JPEG格式的三分之二,并能节省大量的服务器带宽资源和数据空间,也就意味着在质量相同的情况下,WebP格式图像的体积要比JPEG格式图像小40%。我们可以将网站上的图片改为webp格式,这样就可以加快网页加载速度,提高网站浏览体验。下面以WordPress插件EWWW Image Optimizer为例讲述一下操作步骤。
首先在插件中心搜素EWWW Image Optimizer并安装插件。然后启用插件,启用的时候选择免费模式就可以,设置启用转换为webp格式,插件启用后新上传的图片会自动转换图片为webp格式。这时网页上的图片还不是webp格式的,需要手动配置一下服务器规则,Apache服务器的话后台插件里有显示配置规则代码。我是nginx服务器,下面以nginx为例说一下配置步骤。
首先打开网站服务器的nginx配置文件,一般路径为/etc/nginx/nginx.conf,打开nginx.conf文件,在http{ }模块内添加如下代码:
map $http_accept $webp_suffix {
default "";
"~*webp" ".webp";
}
注意是在http{ }这个大括号里面添加代码,不要加到http括号外了
然后再打开/etc/nginx/sites-enabled/default文件,在default文件里server { }模块内添加如下代码:
location ~* ^.+\.(png|jpe?g|gif)$ {
add_header Vary Accept;
try_files $uri$webp_suffix $uri =404;
}
保存,关闭文件。
然后运行如下命令重启nginx服务:
sudo systemctl restart nginx
这样服务器就配置完了,你再打开EWWW Image Optimizer插件设置WebP Delivery Method选项后面已经出现绿色WEBP图标。
这时你网站上的webp格式图片已经生效。你重新打开一篇文章,打开文章中的图片链接发现还是原来的png或是jpg格式,因为webp格式图片不是这样生效的。你按F12打开调试界面,找到网络,刷新页面,如果下面没有指定图片的话,你就滚动一下鼠标,让图片加载下来,找到这个图片可以看到后面【类型】是webp格式的了。因为你在服务器里已经配置好了规则,所以虽然网页代码里是jpg图片,但是服务器发送给你的实际上是webp图片,这样就节省了带宽提高了页面加载速度。

相关推荐
最近更新

凡人修仙传动画韩立高清图片壁纸素材AI绘画图集
恭迎韩天尊! 祝贺韩天尊顺利结婴! 热门国漫凡人修仙传动画已经更新了5年了,最新一集,主人公韩立顺利结婴,成为一名元婴修士。我属于是比较喜欢看动漫的,看过的动漫估计没过百也得大几十了,热门国漫大多都看过。凡人修仙传算是最喜欢的动漫之一,韩立...

凡人修仙传动画紫灵高清图片壁纸素材AI绘画图集,AI国漫女神系列
凡人修仙传动画乱星海第一美女紫灵是大家非常喜欢的一个角色,动画人物造型精美,是众多女性角色中最受欢迎之一,热度极高。很多人喜欢收集紫灵的图片,但是视频里截图的话可能截不到喜欢的图,下面分享一些紫灵的AI绘画图片素材,图片都是SD生成的,都是...

凡人修仙传动画宋玉高清图片壁纸素材AI绘画图集,AI国漫女神系列
凡人修仙传动画里宋玉是大家比较喜欢的一个角色,动画人物造型精美,当前热度极高。虽然凡人修仙传原著里只是韩老魔的弟子,但是很多短视频创作者非常能整活,已经把宋玉纳入韩老魔后宫了。很多人喜欢收集宋玉的图片,但是视频里截图的话可能截不到喜欢的图,...

凡人修仙传动画人物梅凝高清壁纸素材AI绘画图片,AI国漫女神系列
有些人比较喜欢凡人修仙传动画里梅凝这个角色,视频里截图的话可能截不到喜欢的图,下面分享一些梅凝的AI绘画图片素材,图片都是SD生成的,都是高清大图,非凡人修仙传动画视频截图。部分梅凝图片如下: 图片及模型文件下载链接: https://pa...

凡人修仙传动画人物范静梅高清壁纸素材图片,AI国漫女神系列
本次分享的是凡人修仙传动画人物范静梅的AI图片素材,图片都是SD生成的,都是高清大图,非凡人修仙传动画视频截图。部分范静梅图片如下: 图片及模型文件下载链接: https://pan.xunlei.com/s/VOXgauAl7VsuksE...

凡人修仙传动画银月高清壁纸素材图片,AI国漫女神系列
本次分享的是凡人修仙传动画人物银月AI图片素材,图片都是SD生成的,都是高清大图,非凡人修仙传动画视频截图。这次生成的不多,部分图片如下: 图片及模型文件下载链接: https://pan.quark.cn/s/1bd714c2d5e7 h...

图片元数据信息删除工具,支持windows/mac/Linux
有些图片可能会附带很多的信息,如果你想把图片的元数据信息删除的话,可以使用exifcleaner,这是一款用于清理图像元数据的跨平台桌面 GUI 应用程序,软件支持支持 Linux、macOS 10.10+ 和 Windows 7+(仅限 ...

凡人修仙传动画慕沛灵高清壁纸图片,单人AI图片素材
最近需要用到凡人修仙传动画里人物图片,直接在视频里截图的话要么身体姿势不对要么就身体不完整等,截不到想要的图,然后就炼了一批AI图,这次分享的这些都是慕沛灵的单人图片,全身照,都是高清的,由于只需要竖屏,所以我没生成横屏图片。喜欢的可以拿去...

免费在线视频去水印工具方法
本次分享一个免费的在线视频去水印工具–记灵 这个在线工具目前是完全免费的,上传mp4视频文件,然后鼠标框选去水印区域,然后点击处理等待处理完成就可以了,操作非常简单。 这个去水印工具是采用打码的方式覆盖原水印区域的,并不是AI智...

即梦AI(可灵)视频制作9种电影级运镜提示词,小白秒变大导演
视频制作方式多种多样,想做出一个观感体验极佳的精彩视频,运镜效果少不了。这里整理了9种实用的电影级运镜方式,学会这些运镜小白也可以成为大导演。你可以将这些运镜效果用在即梦或可灵AI中视频生成的时候,提供了运镜参考关键词,如果不会写关键词的,...