您是否通过性能测试工具运行您的网站,却被告知“提供缩放图像”?基本上,该工具会告诉您需要调整图像大小以匹配图像在网站上的显示方式。

幸运的是,WordPress 有一些很棒的工具可以帮助您。您可以使用图像优化插件自动提供缩放图像,或者您可以使用多种不同的技术自行缩放图像。这样做可以大大优化页面加载时间和提高跳出率。

这就是您需要提供缩放图像的原因

缩放图像本质上是经过调整大小以适合您使用的确切尺寸的图像。一方面,太小和放大的图像会变得模糊。另一方面,虽然浏览器会缩小太大的图像,但这会不必要地增加页面的文件大小。

此外,大图像会导致浏览器花费时间和资源来加载它们,而不是尽可能快地加载页面本身。这会大大减慢您的页面加载时间并对您网站的性能产生负面影响。

例如,如果您的主题显示 100 x 100 像素的图像,您想要加载 100 x 100 像素的图像。如果您加载尺寸为 50 x 50 像素的图像,当放大到 100 像素时它会变得模糊。另一方面,如果加载 200 x 200 像素的图像,它看起来不错,但由于页面仍然只以 100 像素显示,因此无需增加页面大小。

当然,较慢的页面会赶走访问者。它们不仅会造成糟糕的用户体验 (UX),还会在用户感到沮丧并点击离开您的网站时增加您的跳出率。

这就是为什么几乎所有的性能测试工具都强调需要提供缩放图片的原因:

帮助您在 WordPress 中提供缩放图像的三个插件

好消息是正确提供缩放图像的最简单方法之一是使用插件来帮助你。下面的选项使优化大图像和清理臃肿的页面变得容易。让我们来看看!

1. Optimus Prime

我们的第一个产品是 Optimole。这个方便的插件可以优化您的图像并以适合不同设备的理想尺寸提供它们。因此,它不仅可以帮助您提供缩放图像,还可以根据用户的设备自动将它们缩放到最佳尺寸。

它有一个最少的设置过程,如果您需要最大的质量和最少的麻烦,这是很好的选择。

除了缩放和压缩图像外,Optimole 还通过由 Amazon CloudFront 提供支持的全球内容分发网络 (CDN) 为它们提供服务,从而加快您在全球范围内的加载时间。

使用免费计划,您可以优化和扩展无限的图像,每月最多访问 5,000 次。之后,付费计划的起价仅为每月 9 美元。

2. Smush

另一个可用于提供正确缩放图像的插件是 Smush。这是一个流行的、经过充分审查的选项,它通过扫描每个图像来优化图像,去除不必要的数据,然后设置理想的尺寸。完成后,每个图像都会保存在您的媒体库中。

要缩放图像,您可以让它自动调整超过特定尺寸的图像以适合您的网站。

此外,该插件一次最多可以“抓取”50 张图片,您可以将其设置为在加载每张图片时自动优化。此外,您可以将其设置为压缩任何目录中的图像,包括存储在云服务中的图像。

所以免费版是一个很好的起点,它将优化无限的图像,尽管单个图像的大小不能超过 5 MB。

3. ShortPixel

我们最后推荐的是 ShortPixel。这个插件非常适合那些在预算内寻找高质量图像压缩和缩放解决方案的人。它每月免费优化多达 100 张图像。此外,它简单易用。

具体来说,ShortPixel 可帮助您在将 WordPress 图片上传到指定尺寸时自动缩放它们。

ShortPixel 还为 JPEG、PNG 和 GIF 图像提供无损和有损图像压缩 - 您还可以优化 PDF。它为您提供了在上传或手动处理图像时自动转换图像(包括 WebP)的选项。

如上所述,免费版每月最多可优化 100 张图片。除此之外,付费计划起价为每月 4.99 美元,每月最多可优化 5,000 张图像。

如何在没有插件的情况下在 WordPress 中提供缩放图像(3 种方法)

如果您想在没有插件的情况下提供缩放图像,那么还有其他解决方法。例如,您可以在媒体库中裁剪图像,在管理媒体设置中调整它们,或者使用开源 GIMP 或 Photoshop 等图像编辑器。

然而,在讨论如何在不使用插件的情况下提供缩放图像之前,我们应该提到 WordPress 自带的原生功能 srcset。此核心功能使您的图像能够响应不同的屏幕尺寸。它的工作原理是为浏览器提供三个不同的选项,然后将使用最适合该用户的选项。当然,这确实有助于缩短页面加载时间,但缩放图像会给您带来更高的性能。

说到这里,我们先来看第一种方法——WordPress裁剪图片。

1.在媒体库中裁剪图像

实现此方法的第一个调用端口是 WordPress 后端。在您的帖子或页面中,首先单击要缩放的图像并选择“编辑图像”:

从那里,您需要转到媒体库屏幕,选择您的图像,然后单击编辑图像链接。在下一个屏幕上是缩放图像选项:

/ p>

系统将向您显示图像的原始尺寸,以及一个用于输入新缩放尺寸的框。但是请注意,文件名通常与其他字符串一起保存,如果您使用特定的图像 SEO 策略,这可能会影响您。

2.在“设置”>“媒体”屏幕中调整图像大小

您还可以通过直接调整 WordPress 中的设置来缩放图像。为此,请导航至 WordPress ,然后转到设置 > 媒体:

这会将您带到“媒体设置”页面。在这里您可以设置将图像上传到 WordPress 时要使用的最大大小,这是它将在浏览器中显示的三个选项中的每一个(正如我们在上面关于 srcset 的讨论中提到的):

可以点这里修改缩略图、中图和图片的宽高大图像尺寸。

然后 WordPress 将使用这些尺寸自动创建每个图像的缩放版本。您可以从 WordPress 编辑器中选择要插入的维度。

但是,应该注意的是,虽然在某些情况下使用这些设置可以缩短页面加载时间,但它们不会在所有情况下都完美地优化您的图像。为此,您可以考虑最后一种手动方法。

3.使用图像编辑器(例如 GIMP 或 Photoshop)

当然,我们可以手动缩放图像的最后一种方法是使用离线图像编辑器。您可能认为这种方法是最明显的,尽管它可以说是最有效的选择。例如,在 Photoshop 中,您可以转到工具栏中的图像并选择图像大小:

将出现一个带有图像基本尺寸的弹出屏幕。然后,您可以根据需要缩放图像,然后再将其上传到 WordPress。

除了宽度和高度,您也可以在这里选择其他选项。例如,可以根据需要将图像的分辨率设置得更高或更低(72 PPI 通常是 Web 的标准)。

结论

在本文中,我们讨论了如何手动缩放图像并提供了三个有用的插件。快速回顾一下,它们是:

  1. Optimole:此插件提供了一种一劳永逸的方法来提供缩放图像。

  2. Smush:一种流行且评价很高的图像优化解决方案。

  3. ShortPixel:对于那些喜欢轻量级选项的人来说,这个插件是理想的选择。

您对提供缩放图像有任何疑问,或者提供缩放图像意味着什么?在下面的评论部分询问他们!