WebP 是一种现代图片格式,它在保持高质量的同时,具有更小的文件大小。使用 WebP 图像可以显著提升网站性能和加载速度。以下是如何在 WordPress 中上传 WebP 图像的详细教程。
![如何在 WordPress 中上传 WebP 图像](https://www.361sale.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
为什么选择 WebP格式图像?
- 更小的文件大小:相比 JPEG 和 PNG,WebP 图像的文件大小更小,减少了带宽消耗。
- 高质量:在较小文件大小的前提下,WebP 仍能保持高质量的图像效果。
- SEO 优势:更快的加载速度可以提高用户体验,从而有助于SEO优化。
如何在 WordPress 中上传 WebP 图像
WordPress 5.8及以上版本
- 支持 WebP 上传:在 WordPress 5.8 及以上版本中,你可以直接上传 WebP 格式的图像,无需额外插件。
- 兼容性:确保你的 WordPress 已更新到最新版本,以享受这一功能。
WordPress 5.8以下版本
- 不支持 WebP 上传:默认情况下,WordPress 5.8 以下版本不支持 WebP 格式,需要借助插件。
1. 使用插件启用 WebP 支持
推荐插件:WebP Express
- 安装 WebP Express 插件:
- 登录到你的 WordPress 管理后台。
- 前往“插件” > “安装新插件”。
- 搜索“WebP Express”并点击“现在安装”。
- 安装完成后,点击“激活”插件。
![如何在 WordPress 中上传 WebP 图像](https://www.361sale.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
- 配置 WebP Express 插件:
- 在 WordPress 管理后台,前往“设置” > “WebP Express”。
- 在配置页面中,可以设置 WebP 图像的质量和缓存策略。
- 保存设置。
![如何在 WordPress 中上传 WebP 图像](https://www.361sale.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
2. 转换现有图像为 WebP 格式 🔄
使用插件:Converter for Media
- 安装 Converter for Media 插件:
- 前往“插件” > “安装新插件”。
- 搜索“Converter for Media”并点击“现在安装”。
- 安装完成后,点击“激活”插件。
![如何在 WordPress 中上传 WebP 图像](https://www.361sale.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
- 转换图像:
- 在 WordPress 管理后台,前往“媒体” > “Converter for Media”。
- 点击“开始转换”按钮,将现有的 JPEG 和 PNG 图像转换为 WebP 格式。
- 等待转换完成。
3. 上传 WebP 图像
启用插件后,你可以像上传其它格式图像一样,直接上传 WebP 图像。
方法一:使用插件
使用插件是更简单的方法。以下是几个流行的支持 WebP 上传的插件:
- Enable Media Replace:这个插件不仅允许上传 WebP 图像,还能替换已有的媒体文件。
- Imagify:这是一个优化图像的插件,支持 WebP 格式的上传和转换。
- Smush:另一个优化图像的插件,支持 WebP 格式。
以 Smush 插件为例:
![如何在 WordPress 中上传 WebP 图像](https://www.361sale.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
- 登录到 WordPress 仪表板。
- 在左侧菜单中,选择 插件 > 安装新插件。
- 在搜索栏中输入 “Smush”。
- 安装并激活 Smush 插件。
- 在左侧菜单中,选择 Smush > 设置。
- 找到并启用 WebP 转换 选项。
方法二:手动上传并使用 WebP 图像
如果你已经有了 WebP 图像并希望手动使用它们,你可以使用 FTP 或 cPanel 文件管理器将 WebP 图像上传到 WordPress 站点的 wp-content/uploads
文件夹。然后,通过编辑页面或文章的 HTML 代码来引用这些图像。
![如何在 WordPress 中上传 WebP 图像](https://www.361sale.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
例如:
<img src="https://yourwebsite.com/wp-content/uploads/2024/07/your-image.we
也可通过登录到 WordPress 仪表板,导航至“媒体”>“添加文件”,选择你的 WebP 图像上传即可。
![如何在 WordPress 中上传 WebP 图像](https://www.361sale.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
提示
- 浏览器兼容性:尽管大多数现代浏览器都支持 WebP,但仍有少数不支持。确保你的网站有回退机制,可以显示其他格式的图像。
- 测试加载速度:使用 PageSpeed Insights 或 GTmetrix 测试网站加载速度,确保优化效果显著。
结论
通过在 WordPress 中使用 WebP 图像,你可以显著提升网站性能,改善用户体验,并有助于 SEO 优化。
联系我们 |
---|
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点! |
① 电话:020-2206-9892 |
② QQ咨询:1025174874 |
③ 邮件:info@361sale.com |
④ 工作时间:周一至周五,9:30-18:30,节假日休息 |
发布者:光子波动,转转请注明出处:https://www.361sale.com/13596/