如何在 WordPress 中使用 WebP 图像

您可能想知道如何在 WordPress 中使用 WebP 图片。切换到 WebP 格式后，您可以在不牺牲质量的情况下显著减小图片文件大小，从而加快页面加载速度并提升整体用户体验。在本指南中，我们将讨论如何在 WordPress 网站上有效使用 WebP 图片的实用方法。 

WebP 是 Google 开发的一种现代图像格式，与 JPEG 和 PNG 等格式相比，。除了更快的加载时间外，使用 WebP 还可以对 SEO 产生积极影响，减少服务器带宽，并确保您的网站在各种设备和浏览器上都能以最佳状态运行。本文将指导您使用多种方法，包括插件和服务器设置，以确保无缝过渡。

什么是 WebP 图像？

WebP 是 Google 专为 Web 开发的一种现代图片格式。它的主要优势在于，相比 JPEG 和 PNG 等传统格式，WebP 生成的文件大小显著减小，通常可缩小 25-35%，同时保持相同的视觉质量。这意味着您的网站可以在不影响图片质量的情况下更快地加载，这对于博客、作品集或在线商店等图片密集型网站尤其有利。

WebP 支持有损和无损压缩，以及透明度和动画等功能，使其成为多种旧格式的多功能替代方案。通过减小图像文件大小，WebP 有助于提升网站整体性能、降低带宽占用，并为访客提供更流畅的体验。

现在大多数现代浏览器都支持 WebP，包括 Chrome、Firefox、Edge、Opera 和 Safari（iOS 14 及更高版本），这些浏览器总共覆盖了约 95% 的互联网用户。只有一小部分老款浏览器（例如 Internet Explorer 或旧版 Safari）不支持 WebP。对于这些情况，网站可以使用备用 JPEG 或 PNG 图片，以确保所有人仍然能够正确看到照片。

如何在 WordPress 中使用 WebP 图像

在 WordPress 中使用 WebP 图片是提升网站速度和整体性能的明智之举。采用这种现代图片格式，您可以为访客提供更小、更高质量的图片，从而提升用户体验和SEO 。

在本节中，我们将探讨在 WordPress 网站上实现 WebP 图像的几种实用方法。

使用 EWWW Optimizer 在 WordPress 中使用 WebP 图像

EWWW Image Optimizer 是 WordPress 顶级图像压缩插件之一，它不仅可以减小图像文件大小，还支持 WebP 格式。它可以自动将 WebP 图像传输到兼容的浏览器，帮助您的网站更快地加载并提升性能。

第一步是安装并激活 EWWW 图像优化器插件。激活后，前往“设置”>“EWWW 图像优化器”配置其选项。

在设置屏幕中，向下滚动并启用“WebP 转换”选项，然后单击“保存更改”以存储您的配置。

接下来，导航到“WebP 转换”部分，插件会在此处显示一些带有红色预览图像的重写规则。点击“插入重写规则”即可自动将这些规则添加到您的 .htaccess 文件中。

如果成功，预览图像将变为绿色，标记为“WebP”。

要将之前上传的图片转换为 WebP 格式，请前往“媒体”>“图库” ，然后切换到列表视图。通过“屏幕选项”调整每页显示的图片数量，以便一次性选择多张照片。勾选“全选”复选框，从下拉菜单中“批量优化” “应用”。

该插件允许您跳过压缩，仅将已优化的图片转换为 WebP 格式。点击“扫描未优化图片” ，并勾选“仅 WebP”。

完成后，EWWW 将为所有选定的图像生成 WebP 版本。

要确认 WebP 传输是否正常，请打开一篇包含多张图片的文章。右键单击图片，然后选择“在新标签页中打开”。如果 URL 以 .webp 结尾，则表示您的 WordPress 网站已成功提供 WebP 图片。

使用 ShortPixel 在 WordPress 中使用 WebP 图像

ShortPixel 是 WordPress 中最常用的图片优化插件之一，旨在自动调整上传到网站的图片大小并进行压缩。它的功能还包括将图片转换为 WebP 格式，并将其提供给支持这种现代格式的浏览器，从而提升页面加载速度和整体性能。

该插件将您优化的每个图像尺寸计为一个积分，这意味着为单张图片优化多个缩略图尺寸可能会使用多个积分。文件大小没有限制，您可以将 ShortPixel 积分分配给无限数量的网站，所有网站都使用同一个 ShortPixel 帐户，从而灵活地管理多个网站。

要开始使用 ShortPixel 提供 WebP 图像，您需要从 WordPress.org 安装插件。

然后输入您的 API 密钥，您可以通过注册免费的 ShortPixel 帐户获取该密钥。

在“常规设置”选项卡中，您可以配置基本的优化偏好设置，例如压缩级别和图像大小调整。要启用 WebP 交付，请启用“高级模式”。之后，启用“创建 WebP 图像”和“提供 WebP/AVIF 图像...”。完成后，选择“使用标签语法”选项。完成后，点击“保存” 。

使用 Imagify 在 WordPress 中使用 WebP 图像

Imagify 是一款 WordPress 图像优化插件，由领先的缓存插件 WP Rocket 的开发团队开发。它提供了一种简单的方法来压缩图像并将其转换为 WebP 格式，以实现更快的加载速度和更佳的性能。

首先，在您的 WordPress 网站上安装并激活 Imagify 插件。 

激活后，前往“设置”>“Imagify”配置插件。点击“创建免费 API 密钥” ，然后提供一个有效的电子邮件地址。您将收到一封包含 API 密钥的电子邮件，请将其复制并粘贴到插件设置中，然后点击“保存更改”。

接下来，滚动到“优化”部分，单击 WEBP，并将其与“在网站上以 Next-GEN 格式显示图像”一起启用。

Imagify 提供两种 WebP 图片传输方式：.htaccess 和标签传输。.htaccess 速度更快，但如果您使用 CDN，则可能无法使用；标签传输与 CDN 兼容，但可能与某些主题冲突。选择最适合您设置的方式，然后点击“保存并转至批量优化器”。

在“媒体”>“批量优化”页面，插件将自动在后台处理所有图片。如果您的网站包含大量图片，此过程可能需要一些时间。

要验证 WebP 图片是否已成功传输，请打开包含照片的帖子或页面，右键单击图片，然后选择“在新标签页中打开图片”。图片 URL 应以 .webp 结尾，以确认 Imagify 已成功在您的 WordPress 网站上提供 WebP 版本。

除了使用插件优化图片外，还可以考虑使用WP Media Folder来更好地管理您的 WordPress 媒体库。这款插件可以帮助您将图片整理到文件夹中，从而更轻松地处理大量媒体文件，同时还能与图片优化插件无缝集成，确保您的 WebP 文件始终得到妥善管理。

WebP 对性能优化的好处

WebP 是一种现代图像格式，旨在通过减小文件大小而不牺牲质量来提升网站性能。在 WordPress 网站上使用 WebP 可以帮助加快页面加载速度，提供更流畅的浏览体验，并降低带宽占用，使其成为网站优化的宝贵工具。

文件尺寸更小

WebP 图片比 JPEG 和 PNG 等传统格式小得多，通常可在保持相同视觉质量的同时将文件大小缩小 25% 到 35%。这种尺寸缩减使网页加载速度更快，这对于包含大量图片的网站（例如作品集、电商商店或摄影博客）尤为重要。

较小的文件也有助于管理托管服务器上的存储空间。通过优化图像大小，您可以减少磁盘空间占用，从而更快、更高效地备份，同时确保网站平稳运行。

页面加载速度更快

由于 WebP 图像更轻，浏览器可以更快地下载，从而直接缩短页面加载时间。这对于用户体验至关重要，因为加载缓慢的页面通常会让访问者感到沮丧，并增加跳出率，尤其是在网速较慢的移动设备上。

更快的加载时间也使得其他性能改进（例如 lazy loading 和缓存）更容易实现，因为图片本身不再成为瓶颈。这确保了您的网站响应迅速，用户体验流畅。

更好的 SEO 性能

网站速度是搜索引擎排名的关键因素，使用 WebP 可以对你的 SEO 产生积极的影响。更快的页面加载速度可以提升用户参与度指标，例如网站停留时间和更低的跳出率，而搜索引擎会将这些指标解读为内容质量的体现。

此外，WebP 格式允许网站在不影响性能的情况下保持高质量的视觉效果，这意味着您可以保留引人入胜且细节丰富的图像，而无需牺牲 SEO。这种美观与速度的平衡有助于吸引和留住更多访客。

减少带宽和服务器负载

较小的 WebP 文件消耗的带宽更少，这对于流量较大的网站尤其有利。减少每次页面浏览发送的数据量可以降低托管成本，并防止服务器在流量高峰期过载。

较低的服务器负载也提高了网站的整体可靠性。由于资源压力较小，即使多个用户同时访问网站，页面仍然能够快速访问，从而为每个人带来更佳的体验。

支持现代网络功能

WebP 支持有损和无损压缩，以及透明度和动画等功能。这种多功能性使其能够取代多种旧式图像格式，在保持质量的同时简化图像管理。

通过支持现代功能，WebP 使网站能够在不牺牲性能的情况下使用高级视觉效果。设计师可以整合高质量的图像、动画图形或透明叠加层，同时保持优化的页面速度。

结论

在 WordPress 中使用 WebP 图片可以显著提升网站的速度、效率和整体性能。将照片转换为 WebP 格式，可以在不损失视觉质量的情况下减小文件大小，从而加快页面加载速度、降低服务器压力，并为跨设备的访客提供更流畅的体验。WebP 的实施还可以补充其他优化策略，例如缓存和 CDN，从而确保您的 WordPress 网站高效运行。

总的来说，采用 WebP 图片有很多好处，包括更快的页面加载速度、更佳的 SEO、更低的带宽占用，以及对透明度和动画等现代 Web 功能的支持。无论您使用 EWWW Optimizer、ShortPixel 或 Imagify 等插件，还是实施基于服务器的解决方案，切换到 WebP 都能确保您的网站在保持视觉吸引力的同时，为所有用户提供最佳体验。为了更好地管理媒体库，可以考虑使用WP Media Folder来高效地组织图片，让 WebP 优化更加轻松。