如何在WordPress中使用WebP图片

如何在WordPress中使用WebP图片

　　WebP是一种新的图像格式，可以使网站图像文件更小、加载速度更快，并帮助您的WordPress网站加载速度更快。我们知道更快的网站有利于 SEO 和 UX，并帮助我们保持访问者和搜索引擎的满意。

　　本文将帮助您了解 WebP，以及如何在WordPress中使用WebP图片。将介绍在有和没有插件的情况下使用 WebP 的方法，可以选择您喜欢的解决方案。

　　推荐：WordPress时间轴插件Cool TimeLine插件使用教程

什么是 WebP？

　　WebP是下一代开源图像格式，与JPEG 和 PNG 等旧图像类型相比，具有更好的压缩率和更小的文件大小。Webp是一种由Google开发的现代图像格式，可为网络上的图像提供卓越的无损和有损压缩,与 PNG 相比，尺寸缩小 6%。 在同等SSIM质量指数下，WebP有损图像比可比较的JPEG图像小 5-34%.

　　WebP是谷歌在 2010 年收购 On2 Technologies 后创建的。WebP 支持动画，使其成为可行的 GIF 替代品、透明度、颜色配置文件和元数据。

　　推荐：什么是WebP?WebP的功能是什么

为什么要使用WebP？

　　WebP 图像有助于保持您的网站页面较小。较小的文件加载速度更快，因此使用 WebP 图像可以帮助您的网站加载速度更快。

　　加速WordPress 网站对于帮助改进 SEO、UX非常重要，使用 WebP 是使您的 WordPress 网站更快的一个小而简单的步骤。

　　推荐：如何将SVG图片上传到WordPress网站

如何将WordPress图像转换为Webp格式

　　如果您有现有的WordPress 网站并想使用 WebP，则需要将所有现有的媒体库转换为 WebP。幸运的是，有免费和高级插件可以帮助简化WebP转换过程。

1、检查当前使用的图像文件类型

　　您可以通过两种方式执行此操作：

1. 浏览器访问您的网站，在任何图像上右键单击鼠标。单击“在新选项卡中打开图像”，然后在地址栏中查看图像文件名。最后的文件类型会告诉您它是 JPEG、PNG、WEBP 还是其他格式。
2. 转到WordPress仪表板 -> 媒体 -> 库，单击任何图像，将看到右侧列出的文件类型。

2、安装WebP插件

　　建议使用ShortPixel插件 或者 Smush插件 或 WebP Express 插件将WordPress图像转换为 WebP：

• 它可以保留原始文件的备份，以便您可以在需要时切换回来
• 在后台工作以自动将新上传的图像转换为 WebP
• 将旧图像自动转换为 WebP
• 还压缩图像以减小尺寸并缩短加载时间

　　ShortPixel 每月免费提供 100 张图片。如果上传大量内容，可以便宜地购买额外的图片积分。

　　Smush插件减小图像文件大小、提高性能并提升SEO，使用 Smush，可在插件设置中覆盖 WordPress Core 功能以压缩和删除原始图像。

　　推荐：6个最好的WordPress图像优化器插件提高WordPress网站性能

3、使用CloudFlare来提供WebP图片

　　如果使用 CloudFlare CDN内容交付网络，如果使用 Pro 或更高级别的帐户（付费），可以选中一个简单的选项以提供 WebP 格式的图像。将在Speed > Optimization > Polish下找到 WebP 设置。

　　如果目前没有使用CloudFlare，建议您考虑一下，基本功能是免费的，可以通过从不同的全球位置提供服务来帮助加速您的网站。

4、验证图像是否在 WebP 中加载

　　完成将媒体库图像转换为 WebP 格式后，删除缓存并使用隐身浏览器窗口测试 WebP 图像是否正确加载。在 Chrome 上，在任何图像上右键单击鼠标，然后单击“在新选项卡中打开图像”。查看地址栏中的图像文件名并检查它是否以“.webp”结尾。

　　推荐：什么是网站缓存?WordPress网站怎么使用缓存？

如何将WebP图片上传到WordPress站点

　　如果您的站点使用 WordPress 5.8 或更高版本，现在可以将 WebP 图像直接上传到您的媒体库。

　　注意：在所有浏览器都显示 WebP 图像之前，最好继续使用其他图像格式，如 JPEG 和 PNG，但尽可能提供较小的 WebP 文件。如果您将 WebP 图片直接上传到 WordPress，它们可能无法在所有设备和浏览器上正确显示。

总结

　　以上是晓得博客为你介绍的如何在WordPress中使用WebP图片的全部内容，现在您已经了解了WebP格式，可以帮助您在WordPress建站中使用更小的尺寸更丰富的图像，可以帮助网站更快地响应。

　　推荐：[最新版]WP Smush Pro插件免费下载WordPress图像优化插件

常见问题

　　推荐：WordPress图片压缩插件JPEG、PNG和WebP图像压缩TinyPNG插件教程