WordPress AVIF 和 Webp 免费的 WordPress 插件介绍 AVIF, WebP Converter

图片[1]-WordPress AVIF 和 Webp 免费的 WordPress 插件介绍 AVIF, WebP Converter-修愚

左侧是插件图标,大家在WordPress后台新增插件时别搞错,插件名:AVIF, WebP Converter

今天修愚也是更新了一个网站并观察调试后觉得没问题,索性把几个网站全部安装,并在修愚分享网站来分享这个插件。

WordPress AVIF 和 Webp 转换器插件
100% 免费的 WordPress 插件,将 JPG/PNG 图像转换为 WebP 和 AVIF,并在本地压缩 AVIF 和 WebP

图片[2]-WordPress AVIF 和 Webp 免费的 WordPress 插件介绍 AVIF, WebP Converter-修愚
图片[3]-WordPress AVIF 和 Webp 免费的 WordPress 插件介绍 AVIF, WebP Converter-修愚
图片[4]-WordPress AVIF 和 Webp 免费的 WordPress 插件介绍 AVIF, WebP Converter-修愚

在安装完成后有个注意点

以我的服务器来举例,腾讯云——宝塔面板,在网站的伪静态需要做点设置,

图片[5]-WordPress AVIF 和 Webp 免费的 WordPress 插件介绍 AVIF, WebP Converter-修愚

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

© 版权声明
THE END
喜欢就支持一下吧
点赞14 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容