WordPress加速网站 图片转webp格式

很多时候,我们的WordPress打开速度很慢,是由于网页中的图片太多,本身服务器的带宽也不足导致这种情况,后来一查,网页中的图片太大了,每个图片都是大几百K,甚至1-2M,打开网页要网站加载这些图片,大大的降低网页打开速度,所以这个时候,我们选择优化图片,减小图片体积的方式,加速网站。

图片[1]-WordPress加速网站  图片转webp格式-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

这里我们要介绍一个新的图片格式,webp格式,

WebP是一种由Google开发的现代图像格式,旨在提供更小的文件大小和更高的图像质量。它支持有损和无损压缩技术,同时允许透明度和动画。与传统的JPEG和PNG格式相比,WebP在保持图像质量的前提下可以显著减小文件大小。

所以webp的优势是,不损害图片质量,但是图片体积更小。

接下来我们就介绍,怎么讲网站的图片全部转为webp格式。

1,首先,我们将网站目录里所有的图片附件转换成webp格式,在后台查找 Images to Webp 插件,并安装

图片[2]-WordPress加速网站  图片转webp格式-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

插件安装好了 我们接着在按照插件的说明添加对应代码后,在启用,不然启用会报错。

2,添加插件所需要的代码:

图片[3]-WordPress加速网站  图片转webp格式-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
图片[4]-WordPress加速网站  图片转webp格式-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

第一段代码:

map $arg_no_webp $no_webp{
    default "";
    "1" "no_webp";
}

map $http_accept $webp_suffix{
    default "";
    "~*webp" ".webp";
}

添加完第一段代码以后 重启一下Nginx,

图片[5]-WordPress加速网站  图片转webp格式-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

接着打开网站的配置,添加另外一段代码,

图片[6]-WordPress加速网站  图片转webp格式-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

第二段代码:

location ~* ^/.+\.(png|gif|jpe?g)$ {
    add_header Vary Accept;
    try_files $uri$webp_suffix$no_webp $uri =404;
}

至此,插件所需代码,就全部添加完成,然后我们回到网站后台插件管理,启动Images to Webp插件。

图片[7]-WordPress加速网站  图片转webp格式-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

等待提示完成(如果你网站图片比较多,请耐心等待,转换需要时间,可能会十几分钟,或者1-2个小时),至此,你们网站的图片就全部转换成webp格式,图片体积更小。

下面我们打开网站来测试,一下效果(打开网页按F12,选择 网络,就可以看到了):

图片[8]-WordPress加速网站  图片转webp格式-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容