|
一、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['webp'] = '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['mime'] == '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 格式的图片上传、预览及展示。
|
|