![图片[1]-WordPress AVIF 和 Webp 免费的 WordPress 插件介绍 AVIF, WebP Converter-修愚](https://xiuyu.com/wp-content/uploads/2025/01/icon-256x256-1.png)
左侧是插件图标,大家在WordPress后台新增插件时别搞错,插件名:AVIF, WebP Converter
今天修愚也是更新了一个网站并观察调试后觉得没问题,索性把几个网站全部安装,并在修愚分享网站来分享这个插件。
WordPress AVIF 和 Webp 转换器插件
100% 免费的 WordPress 插件,将 JPG/PNG 图像转换为 WebP 和 AVIF,并在本地压缩 AVIF 和 WebP
![图片[2]-WordPress AVIF 和 Webp 免费的 WordPress 插件介绍 AVIF, WebP Converter-修愚](https://xiuyu.com/wp-content/uploads/2025/01/AVIF-WebP-Converter-插件.png)
![图片[3]-WordPress AVIF 和 Webp 免费的 WordPress 插件介绍 AVIF, WebP Converter-修愚](https://xiuyu.com/wp-content/uploads/2025/01/插件核心功能-1024x480.png)
![图片[4]-WordPress AVIF 和 Webp 免费的 WordPress 插件介绍 AVIF, WebP Converter-修愚](https://xiuyu.com/wp-content/uploads/2025/01/插件其他功能-1024x826.png)
在安装完成后有个注意点
以我的服务器来举例,腾讯云——宝塔面板,在网站的伪静态需要做点设置,
![图片[5]-WordPress AVIF 和 Webp 免费的 WordPress 插件介绍 AVIF, WebP Converter-修愚](https://xiuyu.com/wp-content/uploads/2025/01/腾讯云-宝塔面板-伪静态设置.png)
为CompressX添加重写规则
在打开的配置文件中,添加以下规则并确保这些规则位于server { ... }
块内且位于其他location { ... }
指令以及块include
内的任何指令之前server { ... }
:
其实就只要再上图的位置,复制下面代码,即可
# BEGIN CompressX
set $ext_avif ".avif";
if ($http_accept !~* "image/avif") {
set $ext_avif "";
}
set $ext_webp ".webp";
if ($http_accept !~* "image/webp") {
set $ext_webp "";
}
location ~ /wp-content/(?<path>.+)\.(?<ext>jpe?g|png|gif|webp)$ {
add_header Vary Accept;
add_header Cache-Control "private";
expires 365d;
try_files
/wp-content/compressx-nextgen/$path.$ext$ext_avif
/wp-content/compressx-nextgen/$path.$ext$ext_webp
$uri = 404;
}
# END CompressX
OK,进入插件CompressX–settings
© 版权声明
本网站名称:修愚分享,本站永久网址:https://xiuyu.com
本网站的文章部分内容来源于网络,仅供大家学习与参考,如有侵权,请联系站长 QQ:24844 进行删除处理。本站一切资源不代表本站立场,不代表本站赞同其观点和对其真实性负责。本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报。本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
本网站的文章部分内容来源于网络,仅供大家学习与参考,如有侵权,请联系站长 QQ:24844 进行删除处理。本站一切资源不代表本站立场,不代表本站赞同其观点和对其真实性负责。本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报。本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
THE END
暂无评论内容