找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 22|回复: 0

[WordPress] 以下是启用 WebP 格式支持的实现方案,分为不同应用场景:

[复制链接]

3

主题

0

回帖

9

积分

新手上路

积分
9
发表于 3 天前 | 显示全部楼层 |阅读模式
一、WordPress 平台启用 WebP 支持
‌通过插件实现‌

‌安装 WebP Express 插件‌

登录 WordPress 后台 → 点击「插件」→「安装插件」→ 搜索「WebP Express」并安装激活‌45。
配置插件:在「设置 → WebP Express」中启用「上传时自动转换」功能,并设置「目标文件夹」为“混合”模式‌47。
批量转换现有图片:在插件设置页点击「批量转换」按钮,将历史图片转换为 WebP 格式‌4。
‌使用 Converter for Media 插件‌

安装激活插件后,前往「媒体 → Converter for Media」→ 点击「开始转换」批量处理现有图片‌7。
‌通过代码实现‌

在主题的 functions.php 文件中添加以下代码以支持上传 WebP 格式:
  1. <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>
复制代码

添加预览支持代码:
  1. <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 格式的图片上传、预览及展示。

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|一起港湾 ( 青ICP备2025004122号-1 )

GMT+8, 2025-4-22 17:31 , Processed in 0.083401 second(s), 20 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表