WebP 图像格式是网络上最好的图像解决方案。最近发布的 WordPress 5.8+ 增加了对 WebP 格式的全面支持。因此,您可以轻松地在 WordPress 网站上使用 WebP 图像,而不是 JPEG 或 PNG 格式。在 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 图像格式。

如何在 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 图像的设置。

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

总结

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

如何在 WordPress 中启用WebP 图片?webp有什么优势?相关推荐

  1. wordpress添加媒体_如何在WordPress中添加新帖子并利用所有功能

    wordpress添加媒体 Are you trying to create a new post in WordPress? Do you want to learn about all the W ...

  2. wordpress图像大小_如何在WordPress中添加图像积分(逐步操作)

    wordpress图像大小 Recently, some of our readers asked us about how to properly add image credits in Word ...

  3. wordpress 背景_如何在WordPress中添加全屏背景图片

    wordpress 背景 Full screen background image seems to be a new design trend that is becoming fashionabl ...

  4. wordpress 数据库_如何在WordPress中创建视频库(逐步)

    wordpress 数据库 Recently, a user asked us how to create a video gallery in WordPress. WordPress makes ...

  5. 如何在WordPress中使用Distraction Free全屏编辑器

    Crafting your blog posts is a creative process that requires attention to details and concentration. ...

  6. 如何在Wordpress中加密保护网站视频和网页内容?

    本教程将教您如何使用DRM加密软件来保护WordPress网站的视频/网页内容.保护WordPress的视频.文本.图像和JavaScript免受盗版. 在教育和众多商业领域中,Wordpress网站 ...

  7. 如何在WordPress中添加Pinterest“ Pin It”按钮(最终指南)

    Do you want to add the Pinterest "Pin It" button in WordPress? Recently, a new traffic sou ...

  8. wordpress创建_如何在WordPress中创建问卷(简易方式)

    wordpress创建 Do you want to create a questionnaire in WordPress to survey your visitors or collect da ...

  9. wordpress添加媒体_如何在WordPress中添加精选内容滑块

    wordpress添加媒体 Do you want to add a featured content slider like Yahoo or ESPN? Many popular sites us ...

  10. 如何在 Matlab 中启用 UTF-8 编码

    如何在 Matlab 中启用 UTF-8 编码 文章目录 定位问题 为什么应该使用 UTF-8 怎么让 Matlab 使用 UTF-8 一点吐槽 [注意]最后更新于 October 12, 2020, ...

最新文章

  1. 学习C#要养成的好习惯
  2. 项目中的技巧经验汇总
  3. 配置高性能ElasticSearch集群的9个小贴士
  4. 使用jdbc执行SQL实现登录查询1-带配置文件和工具类
  5. golang goroutine协程运行机制及使用详解
  6. ajax php cookie,php setcookie没有使用ajax调用
  7. SQLSERVER索引汇总
  8. 洛谷——P3225 [HNOI2012]矿场搭建
  9. 阿里云服务器的公网ip访问不到的问题
  10. 获取浏览器信息 c#
  11. 【礼仪大赛策划方案手段】 问穿正装的礼节是什么?到底何为正装?休闲正装?
  12. 如何个性化更改Eclipse字体及背景颜色
  13. 林轩田机器学习基石笔记(第16节)——概率论与机器学习建立连接
  14. 大数据培训(第三季)——Linux基础-徐培成-专题视频课程
  15. 创建wincc项目提示无法连接到服务器,wincc 项目管理器 服务器不可用 无法连接到服务器...
  16. 华为云influxdb+grafana+ prometheus安装和如何外网访问华为云+java环境安装配置+jmeter安装配置+Jmeter后端监听器+非GUI执行jmeter脚本
  17. 翻译go项目代码英文注释
  18. 视频压缩后大小没变怎么办?视频压缩后大小没变是为什么?
  19. Hibernate的事务级别控制与查询对象的API(Query查询与Criterial查询+离线查询)
  20. 《Excel高手捷径:一招鲜,吃遍天》一第3招 快捷键的妙用

热门文章

  1. PicGo 安装及配置
  2. C# 关于winFrom控制网页的自动登录的问题(网页刷屏器的制作原理)
  3. 计算机键盘排列方式,电脑上的键盘布局是怎么形成的?
  4. 计算机课堂小游戏活跃气氛,活跃气氛课堂互动小游戏大全
  5. wlan和wifi的区别
  6. shell打开wifi命令_shell WIFI
  7. win10系统 Windows 资源保护找到了损坏文件 无法修复的有效解决方法
  8. 计算机磁盘管理 移动硬盘创建盘符,电脑中插入移动硬盘后无法显示分区盘符如何解决...
  9. 论文 毕业设计 相关 用语 评语
  10. 新概念英语精讲 钟平 pdf_新概念英语三()