如何在 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入门:文章修订版指南

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

    2023年8月29日
    1090
  • 6个优秀的WordPress SEO插件

    优秀的 WordPress SEO插件可以帮助您增强SEO(搜索引擎优化)效果,并确保您的网站对所有重要的搜索引擎更佳友好。 在本指南中,我们将介绍最受用户喜欢的6个WordPress SEO插件。   什么是WordPress SEO插件? 虽然WordPress作为内容管理系统已经非常适合SEO,但WordPress SEO插件为您提供了其他工…

    2023年8月29日
    1670
  • WordPress入门 之 鲜为人知的后台“小私密”

    文本是《WordPress 入门教程(共19篇)》专题的第 6 篇。阅读本文前,建议先阅读前面的文章: WordPress后台的UI和布局是比较优秀的,对于某些粗心的WordPress新手而言,是很容易忽视掉一些WordPress后台的“小私密”的,今天,倡萌就带领大家一起来“窥视”一下,记住不要大声喧哗,一般人我不告诉他滴! 私密1:伸展自如的“左侧导航菜…

    2023年8月29日
    1350
  • WordPress入门 之 设置导航菜单

    文本是《WordPress 入门教程(共19篇)》专题的第 9 篇。阅读本文前,建议先阅读前面的文章: WordPress 3.0 添加了一个自定义导航菜单的功能,让你可以很自由地设置网站的导航菜单。现在大多数的主题也都支持这个功能了,那么,究竟该如何设置WordPress导航菜单? 如何确定主题是否支持自定义菜单功能? 启用主题后,访问后台 – 外观 – …

    2023年8月29日
    1260
  • Google 的有用内容更新:对您的网站意味着什么

    谷歌所谓的有用内容更新(Helpful Content Update)于 2022 年 8 月 25 日至 9 月 9 日推出。这是这家搜索巨头为改善其搜索结果而实施的又一次算法更新。 为了帮助您更好地了解它的含义以及它对您的 WordPress 网站意味着什么,在本文中我们将深入了解此更新。您将了解它的含义、它对您的内容的影响,以及一些用户评价。 什么是有…

    2023年8月29日
    1410
关注微信