Nginx服务器配置webp插件

Nginx服务器配置webp插件

Nginx服务器配置webp插件

Webp插件安装

1.搜索EWWW Image Optimizer后点击安装并启用

2.找到EWWW Image Optimizer-settings,首先注意看Optimization API Key栏,可去其官方申请key,激活后优化选项可开启高级优化,我们也可以忽略这块,因为传统的jpeg,png等图片有很多免费的在线优化工具,可以优化好后再上传。

3.点击wepb-JPG/PNG to WebP,勾选此项。这个功能是webp自动转换。 首先JPG到WebP的转换是有损的,但质量损失很小。PNG到WebP的转换是无损的。其次jpg等原图不会被删除,webp文件仅检测到支持webp格式的浏览器时调用

4.开启插件后可能会提示EWWW Image Optimizer requires exec() or an API key. Your system administrator has disabled the exec() function, ask them to enable it.

5.我们需要编辑php.ini文件,搜索 exec,定位到下面这一行,删除其中的exec后保存修改,之后重启php服务再进入插件设置就不会报这个错误了

Nginx服务器配置webp插件

1.编辑Nginx配置文件:一般路径为/etc/nginx/nginx.conf,如果是宝塔面板配置的服务器,则直接点击Nginx模块-配置,添加如下代码到http块里的末尾

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

2.打开mime.types文件去看看是否含以下代码(路径/ etc / nginx /中)

宝塔面板建站下Nginx的mime.type文件位于 /www/server/nginx/conf/mime.types

image/webp webp;

如果找不到,则需要手动添加

3.在站点配置文件的server块中添加以下代码,通常位于/ etc / nginx / sites-enabled / default中

宝塔面板建站的话直接点击网站-设置-配置文件,添加在Server的 } 结束闭合标签之前

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

4.完成后重启一次Nginx服务

插件设置

进入插件设置,勾选JS WebP Rewriting保存

然后在wordpress后台媒体里面有个Bulk Optimize

点击Scan for unoptimized images将图片转换为webp格式

tags: wordpress

留言

Required fields are marked *

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据