如何在 WordPress 中使用 WebP 图片?

您想开始在您的 WordPress 网站中使用 WebP 图像吗?

WebP 图像格式是网络上最好的图像解决方案。最近发布的 WordPress 5.8+ 增加了对 WebP 格式的全面支持。因此,您可以轻松地在 WordPress 网站上使用 WebP 图像,而不是 JPEG 或 PNG 格式。在 WordPress 中使用新的 WebP 格式可以帮助您加快网络速度。

在本教程中,我们将讨论如何在 WordPress 中使用 WebP 图片。

在 WordPress 中使用 WebP 图片

什么是 WebP?

WebP 是一种由 Google 开发的现代图像格式。WebP 图像格式在不牺牲质量的情况下减小了图像的大小。与 PNG 和 JPEG 相比,图像格式能够将文件大小减少多达 26% – 34%。

使用 WebP 图片的好处

WebP 格式创建文件大小较小的高质量图像。除此之外,使用 WebP 图像还有其他好处。

  • 更小的媒体文件大小
  • 更快的网站加载速度
  • 更好的SEO排名
  • 更少的带宽消耗
  • 支持透明度和动画

WebP 浏览器支持

94% 的网络浏览器都支持 WebP,例如 Google Chrome、Firefox、Edge 和 Opera 浏览器。但是,仍然有一些较旧的浏览器不支持它。截至目前,Safari 浏览器版本 3.1 至 11.1 不支持 WebP 图像格式。

WebP 浏览器支持

推荐阅读:使用WebP图片加速您的网站

如何在 WordPress 上使用 WebP 图片

由于 WordPress 5.8 完全支持 WebP 图片,您可以直接将 WebP 图片上传到您的媒体库。这意味着您可以直接将 WebP 图像添加到您的帖子和页面。该过程类似于在 WordPress 中上传 PNG 和 JPEG 的正常过程。

但是,如果您直接在您的网站上使用 WebP 图像,使用 WebP 不兼容浏览器的 5% 用户或使用较旧 macOS 版本的 Safari 用户将无法看到您的图像。它会对您的网站产生负面影响。

要解决这个问题,您可以使用 WordPress 插件将 WebP 图像传送到支持的浏览器,然后对 5% 不支持的浏览器使用 JPEG/PNG 格式。

首先,使用登录凭据登录 WordPress 仪表板。然后,安装并激活 WebP Express 插件。这个插件允许你自动生成 WebP 图像到支持它们的浏览器,并在不支持的浏览器上提供 jpeg 和 png 文件。

WebP Express 插件

激活后,导航到设置 » WebP Express 以配置插件设置。从这里,您可以设置为媒体库中的所有图像自动生成 WebP 图像的设置。

就是这样!您已成功在 WordPress 中添加 WebP 图像。

总结

这是我们关于如何在 WordPress 中使用 WebP 图像的详细指南。我希望这篇文章对您有用,并帮助您了解在 WordPress 中使用 WebP 文件格式的方法。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 lk2768783601@gmail.com 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023年9月6日 下午12:13
下一篇 2023年9月6日 下午12:39

相关推荐

  • 一定要看的WordPress网站性能及速度优化建议

    一个网站能否给用户良好的体验,决定了这个网站的前途。影响用户体验的最直观的因素有3个:网站速度、网站内容和网站功能(外观、操作等)。网站速度永远是第一位,如果网站太慢,用户没有耐心等待网站打开就会关掉页面!不仅如此,网站速度过慢,也会影响搜索引擎评分,没有好的排名,就没有流量,就没有您想要的转化和收益…… 所以,网站速度非常非常非常重要! 不幸的是,大多数网…

    2023年9月6日
    1200
  • WordPress入门:文章修订版指南

    文本是《WordPress 入门教程(共19篇)》专题的第 12 篇。阅读本文前,建议先阅读前面的文章。 在编辑文章的过程中,最让人烦恼的就是丢失内容。幸运的是,对于WordPress用户,有一项功能可以防止这种情况的发生。它被称为WordPress修订版(Revisions),主要功能是记录对您的文章所做的更改。 但是它还能做什么?在本文中,您将了解所有相…

    2023年8月29日
    760
  • 让 Rank Math SEO 输出关键词 keywords meta 字段信息

    在《6个优秀的WordPress SEO插件》和《WordPress网站SEO优化插件:Rank Math》中,我们简单介绍了 Rank Math SEO 插件。也许很多WordPress用户比较熟悉SEO插件还是 Yoast SEO 和 All in One SEO Pack,但是比较这3个插件的免费版本,我们还是极力推荐采用 Rank Math SEO,…

    2023年9月6日
    870
  • WordPress入门 之 如何安装WordPress

    文本是《WordPress 入门教程(共19篇)》专题的第 3 篇。阅读本文前,建议先阅读前面的文章: 下面接着更新该系列的文章,今天主要演示一下如何安装WordPress,如果你已经掌握了,就看看其他文章吧。不会的朋友,一起来看看吧。 安装前的准备 1.下载最新版的 WordPress (这里演示为WordPress 3.5 官方中文版),解压后,将Wor…

    2023年8月29日
    850
  • WordPress无法在线更新,需要填写FTP信息,怎么办?

    文本是《WordPress 入门教程(共19篇)》专题的第 16 篇。阅读本文前,建议先阅读前面的文章: 有时候,我们在后台更新WordPress核心、主题或插件的时候,可能会提示填写FTP或FTPS信息,无法进行在线更新和自动更新。出现这个问题的原因,一般为你的网站所在目录的用户组或读写权限过于严格。 方法1:填写FTP/FTPS信息进行更新 如果你使用的…

    2023年8月29日
    760
关注微信