最适合 WordPress 网站速度的图像格式

WordPress 最好的图像格式是 WebP 用于照片和图形，JPG 和 PNG 作为自动后备，SVG 用于徽标和图标。 WordPress 为网络的很大一部分提供了动力，而图像通常是它所服务的任何页面上最重的东西，因此您上传的格式直接决定了您网站的加载速度和排名。 WordPress 会为您处理很多事情，为每次上传生成多种大小，但除非您进行设置，否则它不会选择理想的格式。本指南介绍了要使用的格式、WordPress 如何处理图像以及保持 WordPress 网站快速运行的设置和插件。

为什么图像格式对 WordPress 如此重要

在典型的 WordPress 页面上，图像占据了访问者下载的大部分字节。这意味着 图像格式是影响页面速度的最大因素，页面速度直接输入 Core Web Vitals，Google 将其用作排名信号。主题可以很精简，托管也可以很快，但充满超大 JPG 的页面仍然会被爬行。选择有效的格式并让 WordPress 提供适当大小的版本是大多数网站可以做出的最有影响力的优化，而且只需进行一点设置即可。

WordPress 如何处理图片上传

当您上传图像时，WordPress 不仅仅存储它。它 自动生成多个调整大小的副本、缩略图、中、大和完整，因此它可以提供适合每个上下文的大小。它还构建响应式 srcset 标记，以便浏览器为每个设备选择正确的大小。这很强大，但它适用于您上传的任何内容，因此 5000 像素的原件会生成各种尺寸的臃肿副本。上传大小合理、有效压缩的原始版本意味着每个生成的版本也是精益的。

WebP：现代默认设置

WebP 是一种标准化格式。它产生文件 同等质量下比 JPG 小 25 至 35%，支持像 PNG 一样的透明度，现在所有浏览器都支持。 WordPress 从 5.8 版本开始支持 WebP 上传，并且使用正确的插件，它可以自动提供现有 JPG 和 PNG 的 WebP 版本，对于任何无法显示它的浏览器回退到原始版本。将媒体库迁移到 WebP 通常是 WordPress 网站可以获得的最大速度优势。

JPG 和 PNG 作为后备

WebP 并不意味着放弃旧格式。 JPG 仍然是照片的安全后备选项，PNG 则是需要透明度的图形的安全后备选项，并且一个好的优化插件会保留原始图像，因此任何缺乏 WebP 支持的浏览器仍然可以获得工作图像。在实践中，您像往常一样上传 JPG 或 PNG，插件会生成并提供 WebP，并尽可能提供较小的文件。这为您节省了 WebP 的成本，而且没有任何兼容性风险，这就是为什么它是推荐设置而不是仅限 WebP 的原因。

用于徽标和图标的 SVG

对于徽标和界面图标，SVG 胜过任何光栅格式。它是 矢量，因此它在每个屏幕密度下都可以从一个小文件中保持锋利。出于安全原因，WordPress 默认不允许上传 SVG，因为 SVG 可以包含脚本，因此您可以使用一个插件来启用它，该插件可以清理上传的文件。启用后，作为 SVG 的徽标比同等的 PNG 更小、更清晰，并且永远不需要生成多个尺寸。将 SVG 保留用于徽标、图标和简单图形，而不是照片。

选择正确的图像尺寸

WordPress 会生成多种尺寸，但您可以控制尺寸。设置 大尺寸，不超过您的内容区域，通常约为 1200 到 1600 像素，因此全角图像不会太大。即使在 WordPress 调整大小后，当内容列宽为 800 像素时上传 4000 像素的照片也会浪费带宽，因为生成的最大副本仍然过大。将您注册的图像尺寸与主题的实际布局相匹配，并且网站提供的每张图像都与其显示位置保持比例。

压缩和优化插件

优化插件使整个管道自动化。热门选项 压缩每次上传，生成 WebP 版本，并可以去除不必要的元数据，这一切都不需要您用手触摸图像。许多人还批量优化您现有的库，将多年积累的 JPG 和 PNG 一次性转换为 WebP。有些将处理工作转移到他们自己的服务器上，以节省您的托管时间。无论您选择哪一种，效果都是一样的：图像会自动以最佳格式压缩并到达页面，这比记住手动优化每个图像要可靠得多。

延迟加载图像

延迟加载会延迟图像，直到访问者滚动到图像附近，因此页面的初始加载仅获取立即可见的内容。 WordPress 默认启用延迟加载 在首屏下方的图像上，自动添加加载属性。这显着加快了图像较多的页面上的首次绘制速度。一个例外是最大的首屏图像（通常是英雄），它应该立即加载，这样就不会延迟最大内容绘制指标。大多数优化插件都可以让您通过单个设置将该图像从延迟加载中排除。

剥离元数据

照片携带元数据、相机型号、GPS 位置、颜色配置文件，这些是网站很少需要的，而且增加了权重。 剥离此元数据会缩小每个文件 没有明显的变化，大多数优化插件将其作为压缩的一部分。删除 GPS 数据还具有隐私优势，因为您可能不想公布照片的拍摄地点。如果颜色准确性很重要，唯一值得保留的元数据是颜色配置文件。否则，剥离它是整个库的免费、无形的尺寸减小。

推荐的 WordPress 图像设置

将它们放在一起，设置就很简单了。注册与您的主题布局相匹配的图像尺寸。安装一个优化插件，用于压缩上传、生成并提供带有回退功能的 WebP，以及剥离元数据。为您的徽标和图标启用经过净化的 SVG。保留 WordPress 的默认延迟加载，但急切地加载您的英雄图像。然后只需上传大小合适的原件，然后让管道完成其余的工作。完成此操作后，网站上的每个图像都会被压缩、调整大小并自动以最佳格式提供，并且随着库的增长，网站会保持快速增长。

AVIF：

超越 WebP 的下一步

AVIF 是最新的高效格式，WordPress 也支持它。它压缩 甚至比 WebP 小，通常还要小 20%，在相同的视觉质量下，支持透明度和宽色。浏览器支持现在很广泛，但稍微落后于 WebP，因此 AVIF 最好与 WebP 或 JPG 后备一起使用。一些优化插件可以与 WebP 一起自动生成 AVIF。对于一个追求每张图像最后几千字节的网站，AVIF 值得启用，尽管 WebP 目前仍然是安全的主要格式。

媒体库和客房服务

随着时间的推移，WordPress 媒体库中会充满未使用的图像、旧版本和重复内容，从而使备份变得臃肿并使管理变得混乱。 定期清除未使用的介质使库易于管理 和你的备份精益。插件可以识别未附加到任何帖子或页面的图像，但在删除之前值得检查，因为某些图像的使用方式是扫描无法检测到的。整洁的媒体库更易于使用，并且经过优化后，可以清楚地了解图像实际占用的空间大小。

主题更改后重新生成缩略图

当您切换主题或更改注册的图像尺寸时，现有上传的图像仍具有旧生成的尺寸。 重新生成缩略图会根据原始尺寸重建每个尺寸 以匹配新的尺寸，这是一个专用插件在整个库中批量执行的。跳过此步骤，图像可能会在新主题下显得拉伸或以错误的尺寸提供。这是对图像尺寸进行任何更改后的一次性步骤，运行它可以使整个库与当前主题实际显示图像的方式保持一致。

图片 CDN 分发

内容交付网络通过从每个访问者附近的服务器提供文件来加速图像交付。 CDN 在全球边缘位置缓存您的图像，因此远离主机的读者仍然可以快速获取图像。许多 WordPress 优化和缓存插件集成了 CDN，一些特定于图像的 CDN 还会动态转换和调整大小，自动处理格式和尺寸。对于拥有全球受众或流量较大的网站，CDN 可以消除图像传输瓶颈，同时减轻源服务器的负载。

特色图片和社交预览

每个帖子的特色图像都有双重作用：它出现在您的主题中，并通过开放图谱标签作为共享帖子时的预览。 将特色图像设置为适合社交预览的尺寸，大约 1200 x 630，因此共享链接在提要中看起来很清晰。 SEO 插件通常会自动将特色图像映射到 Open Graph 标签。做到这一点意味着每一篇分享的帖子都会显示一个干净、大小正确的图像，而不是裁剪的缩略图或什么都没有。

测试您的图像性能

优化后，测量结果。 PageSpeed Insights 等工具可报告与图像相关的问题，标记超大图像、缺少现代格式以及没有尺寸的图像，从而导致布局变化。他们直接与核心网络生命力联系在一起，因此他们的建议与谷歌的衡量标准相符。在优化过程之前和之后运行测试可以准确显示页面的速度变快了多少，并突出显示仍然阻碍页面速度的任何图像。将这些报告视为清单，以从图像中挤出最后的重量。

常见的 WordPress 图片错误

一些习惯会悄悄地减慢 WordPress 网站的速度。 上传全分辨率相机图像、跳过压缩且不启用 WebP 最常见的是，每个文件都会在小文件所在的地方留下大文件。其他问题包括忘记设置图像尺寸，这会导致布局变化，以及使用速度慢、功能重的插件，增加的重量比节省的重量更多。通过上述设置，每一项都很容易修复。避免它们可以让 WordPress 网站在发展过程中保持快速增长，而不是看着它随着库的填满而逐年变慢。

WordPress 最好的图像格式是什么？

用于照片和图形的 WebP，带有 JPG 和 PNG 后备，以及用于徽标的 SVG。在相同质量下，WebP 文件比 JPG 文件小 25% 到 35%，并且当前的所有浏览器都支持它们。

WordPress 支持 WebP 吗？

是的， 自 WordPress 5.8 起。您可以直接上传 WebP，并且优化插件可以自动提供现有 JPG 和 PNG 的 WebP 版本并进行回退。

我可以将 SVG 文件上传到 WordPress 吗？

出于安全原因，默认情况下不会。 一个在上传时清理 SVG 的插件 安全地启用它，之后作为 SVG 的徽标和图标比 PNG 更小、更清晰。

我需要图像优化插件吗？

强烈推荐。 插件会自动压缩上传、生成 WebP 并剥离元数据，这比手动优化每个图像要可靠得多。

在上传到 WordPress 之前我应该​​调整图像大小吗？

是的。 上传内容范围不得超过您的内容区域，通常为 1200 至 1600 像素。巨大的原件使得 WordPress 生成的每个尺寸也变得超大。

WordPress 支持 AVIF 吗？

是的。 AVIF 压缩比 WebP 小约 20% 相同的质量，并且一些优化插件会自动生成它。使用 WebP 或 JPG 后备来提供完整的浏览器支持。

我应该对 WordPress 图像使用 CDN 吗？

对于全球或高流量网站来说，是的。 CDN 在全球边缘位置缓存图像，因此远方的访问者可以快速获取它们，并且负载可以从您的源服务器上卸下。

为什么更改主题后我的图像看起来不正确？

因为现有上传保留其旧生成的大小。 重新生成缩略图会根据原始尺寸重建每个尺寸 以匹配新主题的尺寸。

我应该延迟加载 WordPress 图像吗？

是的，并且 WordPress 默认启用延迟加载 在首屏下方的图像上。保持打开状态，但要急切地加载主要的首屏英雄图像，这样就不会延迟最大的内容绘制。