如何在 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网站的图片加载速度

    图像对于吸引和保持读者的兴趣非常重要。但是,它们也是网络上加载速度最慢的元素之一。加载缓慢可能会导致访问者放弃您的网站,因此解决图片加载慢的问题尤为重要! 如果您想要一个更轻、更快的网站,那么图像优化是一个不错的起点。通过优化,您可以继续以美观、高质量的视觉效果吸引观众的注意力,而不会显着增加页面加载时间。 在本文中,我们将分享通过图像优化来提高网站性能的一…

    2023年9月6日
    2530
  • WordPress 插件开发教程 Part 4 – 与WordPress整合

    文本是《WordPress 插件开发教程(共4篇)》专题的第 4 篇。阅读本文前,建议先阅读前面的文章: WordPress 插件开发教程 Part 1 – WordPress 插件简介 WordPress 插件开发教程 Part 2 – WordPress 插件基础 WordPress 插件开发教程 Part 3 – 钩子( Hooks ) 本节内容 创建…

    wordpress 2023年9月5日
    2050
  • WordPress入门 之 设置导航菜单

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

    2023年8月29日
    1680
  • WordPress网站添加百度统计代码统计网站访问量

    文本是《WordPress 入门教程(共19篇)》专题的第 18 篇。阅读本文前,建议先阅读前面的文章。 不少WordPress新手站长可能还不知道如何统计网站的访问,如果你的是WordPress外贸网站,建议添加谷歌分析统计访问量:WordPress外贸网站添加谷歌分析(Google Analytics)代码统计网站访问量;如果你的网站是国内访客为主,或者…

    2023年8月29日
    1530
  • 如何构建 WordPress 古腾堡编辑器块模板

    在古腾堡时代,设计过程并不严格与WordPress 主题相关。开箱即用的 CMS 为用户提供了构建出色的网站布局所需的所有设计工具,并且主题旨在添加更多构建和设计工具。 块模板(Block Templates)是一项可以释放网站建设更多功能的功能。根据块编辑器手册: 块模板被定义为块项的列表。此类块可以具有预定义的属性、占位符内容,并且可以是静态的或动态的。…

    2023年9月4日
    1590
关注微信