宝塔环境中如何开启图片 WebP 支持？

一、WebP格式的优势

WebP是Google推出的现代图片格式，相比JPEG/PNG可减小25-35%的文件体积，同时保持相同视觉质量。在网站中使用WebP可以：

• 显著提升页面加载速度
• 降低服务器带宽消耗
• 改善SEO评分（页面速度是Google排名因素）

二、宝塔环境准备工作

1. 检查系统环境

通过SSH连接服务器执行：

lsb_release -a   查看系统版本
nginx -v || apachectl -v   查看Web服务器版本
php -v   查看PHP版本

2. 安装必要依赖

 对于CentOS/RedHat
yum install libwebp-tools webp-pixbuf-loader -y

 对于Debian/Ubuntu
apt-get install webp libwebp-dev -y

三、Nginx环境配置

1. 修改Nginx配置文件

通过宝塔面板进入 网站 > 设置 > 配置文件，在server段内添加：

location ~ .(jpg|jpeg|png|gif)$ {
    add_header Vary Accept;
    try_files $uri $uri/ @webp;
}

location @webp {
    if ($http_accept ~ "webp"){
        rewrite ^(.).(jpg|jpeg|png|gif)$ $1.$2.webp last;
    }
}

2. 重载Nginx配置

nginx -t   测试配置
systemctl reload nginx

四、Apache环境配置

进入 网站 > 设置 > 配置文件，在段内添加：

    RewriteEngine On
    RewriteCond %{HTTP_ACCEPT} image/webp
    RewriteCond %{DOCUMENT_ROOT}/$1.$2.webp -f
    RewriteRule ^(.).(jpg|jpeg|png|gif)$ $1.$2.webp [L,T=image/webp]

重启Apache服务：

systemctl restart httpd

五、PHP环境配置

1. 安装GD库WebP支持

通过宝塔 PHP管理 > 安装扩展 选择GD库并确保勾选WebP支持

2. 命令行验证

六、转换现有图片为WebP

使用cwebp工具批量转换：

 单文件转换
cwebp -q 80 example.jpg -o example.webp

 批量转换（需安装parallel）
find /www/wwwroot -name ".jpg" | parallel --will-cite cwebp -q 80 {} -o {.}.webp

七、验证WebP是否生效

1. 浏览器访问网站图片URL，检查Response Headers中的Content-Type是否为image/webp
2. 使用Chrome开发者工具 > Network > 查看图片请求，确认返回格式
3. 使用PageSpeed Insights工具检测图片优化建议

通过以上步骤，您的网站已成功启用WebP支持。建议配合缓存插件（如WP Rocket）和CDN服务，进一步优化图片交付效率。