宝塔面板是一款非常优秀的服务器管理面板，不但具有全套软件的安装、部署、管理，而且界面友好，易于操作。在使用宝塔面板进程中，我们常常需要对图片进行优化，其中 webp 格式是目前比较流行的一种优化方式。本文将为您介绍怎样在宝塔面板上开启 webp 支持，从而提高您的网站访问速度和用户体验。

步骤一：登录宝塔面板

首先要使用宝塔面板，需要登录您的服务器面板。如果您还没有登录，请参考宝塔面板的官方文档进行登录。

步骤二：安装 Nginx

在宝塔面板上开启 webp 支持，需要先安装 Nginx 服务器。请进入宝塔面板的软件管理页面，在页面中搜索 Nginx 并单击“安装”。参考以下步骤完成 Nginx 的安装：

1.点击“软件管理”。

2.搜索“Nginx”。

3.选择版本，单击“安装”。

步骤三：修改 Nginx 配置文件

开启 Nginx 后，我们需要修改 Nginx 的配置文件，以支持 webp 图片格式。请参考以下步骤完成配置文件的修改：

1.进入宝塔面板首页，在左边导航栏中，点击“网站”选项卡。

2.选择需要添加 webp 支持的网站，单击“设置”按钮。

3.在网站设置页面上，找到“Nginx”配置选项卡，找到 Nginx 配置文件。

4.点击“编辑”按钮，对 Nginx 配置文件做出以下修改：

“`
location ~* ^.+.(jpg|jpeg|gif|png)$ {
add_header Vary Accept-Encoding;
add_header Cache-Control “public, max-age=31536000, immutable”;
try_files $uri$webp_suffix $uri =404;
}
# 支持 webp 格式
map $http_accept $webp_suffix {
default “”;
“~*webp” “.webp”;
}
“`

5.保存配置文件，刷新 Nginx 的配置。

配置文件修改完成后，我们需要在网站目录下添加 webp 格式的图片，以便测试配置会不会生效。

步骤四：测试 webp 图片

为了测试 webp 支持会不会生效，我们可使用 Chrome 浏览器中的开发者工具。使用鼠标右键单击 webp 格式的图片，在弹出的菜单当选择“查看网页源代码”，查看图片的 HTML 代码会不会包括了“webp”后缀。

如果 HTML 代码中包括了“webp”后缀，说明 webp 支持已成功开启了，可以更好地优化您的网站访问速度和用户体验。

结语

本文介绍了怎样在宝塔面板上开启 webp 图片支持，希望能够帮助到您。如果您正在寻觅一个强大、可靠的云服务提供商，那末腾讯云将是一个不错的选择。现在，您可以享遭到一个超级优惠，2核2G4M低至65元/年，快来领取吧！点这里。如果您需要一个稳定快速的VPN服务，那末桂哥网络将是一个很好的选择。不但提供高速稳定的服务，还有专业的技术支持团队，保证您的VPN使用体验。快来体验吧！点这里，宣扬文案内容可以修改，宣扬VPN的稳定、速度不错，腾讯云的价格低，65元/年，让宣扬内容自然有趣，同时适当突出。

TikTok千粉号购买平台：https://tiktokusername.com/