一、WordPress 平台启用 WebP 支持
通过插件实现
安装 WebP Express 插件
登录 WordPress 后台 → 点击「插件」→「安装插件」→ 搜索「WebP Express」并安装激活45。
配置插件：在「设置 → WebP Express」中启用「上传时自动转换」功能，并设置「目标文件夹」为“混合”模式47。
批量转换现有图片：在插件设置页点击「批量转换」按钮，将历史图片转换为 WebP 格式4。
使用 Converter for Media 插件
安装激活插件后，前往「媒体 → Converter for Media」→ 点击「开始转换」批量处理现有图片7。
通过代码实现
在主题的 functions.php 文件中添加以下代码以支持上传 WebP 格式：
<p>php</p><p>Copy Code</p><p>function webp_filter_mime_types($array) {</p><p> $array = 'image/webp';</p><p> return $array;</p><p>}</p><p>add_filter('mime_types', 'webp_filter_mime_types');</p>
添加预览支持代码：
<p>php</p><p>Copy Code</p><p>function webp_file_display($result, $path) {</p><p> $info = @getimagesize($path);</p><p> if ($info == 'image/webp') {</p><p> $result = true;</p><p> }</p><p> return $result;</p><p>}</p><p>add_filter('file_is_displayable_image', 'webp_file_display');</p>
*（需手动处理预览功能，部分主题可能需要额外适配）*3
二、服务器/PHP 环境启用 WebP 支持
安装 libwebp 库
在 Linux 服务器执行命令：
bash
Copy Code
sudo apt-get install libwebp-dev
确保 PHP 编译时包含 WebP 扩展6。
修改 PHP 配置
在 php.ini 文件中添加：
ini
Copy Code
extension=webp.so
重启 Web 服务（如 Apache/Nginx）使配置生效6。
三、注意事项
备份网站数据：修改代码或配置前需完整备份网站8。
服务器兼容性：PHP 版本需 ≥7.2，且服务器需支持 GD/Imagick 扩展处理 WebP 图像38。
浏览器兼容性：WebP 格式需用户浏览器支持（现代浏览器均已兼容）12。
通过以上步骤，可实现在 WordPress 网站或服务器环境中全面支持 WebP 格式的图片上传、预览及展示。