很多时候,我们的WordPress打开速度很慢,是由于网页中的图片太多,本身服务器的带宽也不足导致这种情况,后来一查,网页中的图片太大了,每个图片都是大几百K,甚至1-2M,打开网页要网站加载这些图片,大大的降低网页打开速度,所以这个时候,我们选择优化图片,减小图片体积的方式,加速网站。
这里我们要介绍一个新的图片格式,webp格式,
WebP是一种由Google开发的现代图像格式,旨在提供更小的文件大小和更高的图像质量。它支持有损和无损压缩技术,同时允许透明度和动画。与传统的JPEG和PNG格式相比,WebP在保持图像质量的前提下可以显著减小文件大小。
所以webp的优势是,不损害图片质量,但是图片体积更小。
接下来我们就介绍,怎么讲网站的图片全部转为webp格式。
1,首先,我们将网站目录里所有的图片附件转换成webp格式,在后台查找 Images to Webp 插件,并安装
插件安装好了 我们接着在按照插件的说明添加对应代码后,在启用,不然启用会报错。
2,添加插件所需要的代码:
第一段代码:
map $arg_no_webp $no_webp{
default "";
"1" "no_webp";
}
map $http_accept $webp_suffix{
default "";
"~*webp" ".webp";
}
添加完第一段代码以后 重启一下Nginx,
接着打开网站的配置,添加另外一段代码,
第二段代码:
location ~* ^/.+\.(png|gif|jpe?g)$ {
add_header Vary Accept;
try_files $uri$webp_suffix$no_webp $uri =404;
}
至此,插件所需代码,就全部添加完成,然后我们回到网站后台插件管理,启动Images to Webp插件。
等待提示完成(如果你网站图片比较多,请耐心等待,转换需要时间,可能会十几分钟,或者1-2个小时),至此,你们网站的图片就全部转换成webp格式,图片体积更小。
下面我们打开网站来测试,一下效果(打开网页按F12,选择 网络,就可以看到了):
暂无评论内容