有朋友问有没有 WordPress插件能够把上传图片自动转换为 WebP 格式,Wepb格式图片是一种由 Google 开发的图片格式,能够以更小的文件体积提供与传统格式(如 JPEG、PNG)相当或更好的图像质量。
之前老魏的文章中提到过3种方法在WordPress转换使用WebP图片,感兴趣可以去看看。相关插件有WordPress图片优化压缩插件 ShortPixel Image Optimizer,免费WordPress 图片压缩插件 Imagify,WordPress图片压缩插件 EWWW Image Optimizer
下面是关于 WebP 的详细信息:
WebP 的核心特性
高效压缩
- 有损压缩:比 JPEG 平均小 25%-35%(相同画质下)。
- 无损压缩:比 PNG 平均小 25%-50%。
示例:一张 1MB 的 JPEG 转 WebP 后大约 600KB,画质几乎无差异。
功能支持
- 透明度:支持透明背景(类似 PNG)。
- 动画:支持动态 WebP 动画(类似 GIF,但体积更小)。
- 元数据:保留 EXIF 数据(如拍摄时间、相机型号)。
浏览器兼容性
- 主流支持:Chrome、Edge、Firefox、Safari(macOS/iOS 14+)、Opera 等。
- 旧浏览器:IE 全系列、Safari 13 及以下不支持(需回退方案,如 标签)。
WebP 的优势与应用场景
| 优势 | 应用场景 |
|---|---|
| 体积小,加载快 | 网页图片(提升 SEO 和用户体验) |
| 支持透明 / 动画 | 图标、Logo、动态表情 |
| 跨平台兼容性 | 移动应用、电商平台、社交媒体 |
| 减少带宽消耗 | 节省服务器成本(尤其 CDN 费用) |
WebP 与 传统图片格式对比
| 格式 | 压缩 | 透明 | 动画 | 体积(KB) | 适用场景 |
|---|---|---|---|---|---|
| WebP | 有损 / 无损 | 是 | 是 | 50-150 | 网页全场景(优先选择) |
| JPEG | 有损 | 否 | 否 | 80-200 | 照片、复杂图像 |
| PNG | 无损 | 是 | 否 | 150-300 | 图标、透明背景元素 |
| GIF | 无损 | 是 | 是 | 200-500+ | 简单动画(已逐步被 WebP 替代) |
常见问题问答:
- Q:WebP 会影响图片质量吗?
- A:适当设置质量参数(70%-85%)时,几乎肉眼无法分辨出差异,体积减小很大。
- Q:是否需要保留原图?
- A:建议保留(尤其 JPEG/PNG),通过标签回退,或使用插件自动生成并保留原图。
- Q:如何检测网站是否启用 WebP?
- A:右键图片→「检查」→「Network」,查看请求的文件类型是否为 image/webp。
- Q:微信 / 小程序支持 WebP 吗?
- A:微信浏览器(基于 Chrome)支持,小程序需配置 image/webp mime 类型。
这类WebP插件有几个常用的,下面详细讲解供参考。
Image to WebP Converter
特点:
- 自动转换:上传时自动将 PNG、JPG、JPEG 转换为 WebP,无缝集成媒体库。
- 保留原图:默认保留原始文件(可修改代码删除原图)。
- 轻量易用:无需配置,即装即用,适合新手。
- 服务器要求:需服务器支持 GD 库(含 WebP 支持)。
安装与配置:
- WordPress 后台→插件→添加新插件,搜索「Image to WebP Converter」安装激活。
- 上传图片时自动生成 WebP 格式,原图保留在媒体库。
适用场景:
- 简单需求,无需复杂设置,快速启用 WebP 转换。
- 服务器支持 GD 库(多数主机默认支持)。
WebP Express
特点:
- 智能转换:自动生成 WebP 并根据浏览器支持推送(兼容 95% 现代浏览器)。
- 多转换方式:支持 GD、Imagick、cWebP、VIPS 等本地方法,或云服务(如 EWWW)。
- HTML 优化:替换为标签,兼容不支持 WebP 的浏览器。
- 批量处理:支持现有图片批量转换,支持缓存插件(如 Cache Enabler)。
安装与配置:
WordPress 后台安装 WebP Express,激活后进入设置→WebP Express。选择转换方法(如 GD),配置转换质量(默认 80%),启用「HTML 修改」或「重定向」策略。可选「批量转换」现有图片(需服务器资源支持)。
适用场景:
- 复杂需求,需兼容旧浏览器、优化 SEO 和加载速度。
- 服务器环境多样(支持多种转换引擎)。
Convert to WebP(轻量 GitHub 插件)
特点:
- 极简转换:仅转换新上传的 JPEG、PNG、GIF 为 WebP。
- 灵活设置:可选择删除原图(默认删除,需修改代码保留)。
- 依赖简单:依赖 WordPress 内置图像编辑器(GD 或 Imagick)。
安装与配置:
- 从GitHub 下载插件,上传至wp-content/plugins/目录。
- 激活后,上传图片自动生成 WebP,原图默认删除(保留要注释插件代码unlink行)。
适用场景:
- 追求轻量化,不需要额外功能(如兼容旧浏览器)。
- 需完全控制原始文件保留策略。
其他插件推荐
- WP Smush Pro(付费):压缩图片并转换 WebP,支持 CDN 加速(免费版有限)。
- WP Rocket(缓存插件):缓存优化 + 自动 WebP 转换(需配合其他插件增强功能)。
插件选择建议:
| 需求场景 | 推荐插件 | 优势 |
|---|---|---|
| 快速启用,无需配置 | Image to WebP Converter | 简单插件,即装即用 |
| 专业优化,多浏览器兼容 | WebP Express | 智能推送、多转换方式、HTML 优化 |
| 轻量化,控制原图 | Convert to WebP | 极简设计,灵活删除原图 |
注意事项:
- 服务器要求:服务器支持 GD 库(含 WebP)或 Imagick。
- 保留原图:多数插件默认保留原图,避免误删重要文件。
- 缓存配置:若使用缓存插件(如 WP Rocket),需配置缓存规则以正确推送 WebP。
- 现有图片处理:WebP Express 支持批量转换历史图片,其他插件需手动处理。
验证方法:上传图片后,检查媒体库是否生成 WebP 文件,或使用浏览器开发者工具查看图片请求格式。
通过以上插件,可轻松实现 WordPress 图片自动 WebP 转换,提升网站加载速度和 SEO 性能。根据需求选择合适插件,建议优先尝试 Image to WebP Converter(简单高效)或WebP Express(功能全面)。
魏艾斯笔记