如何在 WordPress 中上传 WebP 图像

WebP 是一种现代图片格式,它在保持高质量的同时,具有更小的文件大小。使用 WebP 图像可以显著提升网站性能和加载速度。以下是如何在 WordPress 中上传 WebP 图像的详细教程。

如何在 WordPress 中上传 WebP 图像

为什么选择 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 插件
    1. 登录到你的 WordPress 管理后台。
    2. 前往“插件” > “安装新插件”。
    3. 搜索“WebP Express”并点击“现在安装”。
    4. 安装完成后,点击“激活”插件。
如何在 WordPress 中上传 WebP 图像
  • 配置 WebP Express 插件
    1. 在 WordPress 管理后台,前往“设置” > “WebP Express”。
    2. 在配置页面中,可以设置 WebP 图像的质量和缓存策略。
    3. 保存设置。
如何在 WordPress 中上传 WebP 图像

2. 转换现有图像为 WebP 格式 🔄

使用插件:Converter for Media

  • 安装 Converter for Media 插件
    1. 前往“插件” > “安装新插件”
    2. 搜索“Converter for Media”并点击“现在安装”。
    3. 安装完成后,点击“激活”插件。
如何在 WordPress 中上传 WebP 图像
  • 转换图像
    1. 在 WordPress 管理后台,前往“媒体” > “Converter for Media”。
    2. 点击“开始转换”按钮,将现有的 JPEG 和 PNG 图像转换为 WebP 格式。
    3. 等待转换完成。

3. 上传 WebP 图像

启用插件后,你可以像上传其它格式图像一样,直接上传 WebP 图像。

方法一:使用插件

使用插件是更简单的方法。以下是几个流行的支持 WebP 上传的插件:

  1. Enable Media Replace:这个插件不仅允许上传 WebP 图像,还能替换已有的媒体文件。
  2. Imagify:这是一个优化图像的插件,支持 WebP 格式的上传和转换。
  3. Smush:另一个优化图像的插件,支持 WebP 格式。

以 Smush 插件为例:

如何在 WordPress 中上传 WebP 图像
  1. 登录到 WordPress 仪表板。
  2. 在左侧菜单中,选择 插件 > 安装新插件
  3. 在搜索栏中输入 “Smush”。
  4. 安装并激活 Smush 插件。
  5. 在左侧菜单中,选择 Smush > 设置
  6. 找到并启用 WebP 转换 选项。

方法二:手动上传并使用 WebP 图像

如果你已经有了 WebP 图像并希望手动使用它们,你可以使用 FTPcPanel 文件管理器将 WebP 图像上传到 WordPress 站点的 wp-content/uploads 文件夹。然后,通过编辑页面或文章的 HTML 代码来引用这些图像。

如何在 WordPress 中上传 WebP 图像

例如:

<img src="https://yourwebsite.com/wp-content/uploads/2024/07/your-image.we

也可通过登录到 WordPress 仪表板,导航至“媒体”>“添加文件”,选择你的 WebP 图像上传即可。

如何在 WordPress 中上传 WebP 图像

提示

  • 浏览器兼容性:尽管大多数现代浏览器都支持 WebP,但仍有少数不支持。确保你的网站有回退机制,可以显示其他格式的图像。
  • 测试加载速度:使用 PageSpeed Insights 或 GTmetrix 测试网站加载速度,确保优化效果显著。

结论

通过在 WordPress 中使用 WebP 图像,你可以显著提升网站性能,改善用户体验,并有助于 SEO 优化。


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
发布者:光子波动,转转请注明出处:https://www.361sale.com/13596/

(0)
上一篇 2024年 7月 14日 上午11:16
下一篇 2024年 7月 15日 上午10:48

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

工作时间:周一至周五,9:30-18:30,节假日休息

客服微信
为方便全球用户注册登录,我们已取消电话登录功能。如遇登录问题,请联系客服协助绑定邮箱。