快速加载时间对于您网站的成功至关重要。一个缓慢的网站会让读者望而却步,并损害您的搜索引擎排名。幸运的是,有一些方法可以提高您网站的速度,例如对图像使用有损压缩。

在本文中,我们将仔细研究有损压缩及其如何提高您网站的性能。我们还将向您展示如何对图像应用有损压缩,并讨论这种技术的优缺点。

让我们开始吧!

什么是有损压缩?

压缩会减小文件大小。压缩图像时,实际上是在使文件变小。有不同类型的压缩,其中一种称为“有损”。

使用有损压缩,您可以显着减小文件大小。然而,这个过程导致图像质量差。这是因为压缩删除了构成图像的一些像素。

您可能会说,压缩后的图像看起来不如原始图像好。根据您使用的压缩级别,您可能会注意到图像质量有所下降。

让我们看一些例子。这是原图,文件大小2MB:

这是压缩了50%的同一张图片:

文件大小已减小到 806KB。但是,质量没有明显差异。

最后我们将图片压缩到10%,结果文件大小为329KB:

如您所见,质量下降现在很明显。这是因为我们从图像中删除了大量数据。

正如我们之前提到的,压缩图像可以帮助加快您的网站速度。为了说明这一点,我们使用不同的图像尺寸运行了 Lighthouse 页面速度测试。

Lighthouse 测试颜色编码,任何绿色数字都可用于加载性能。下面是我们使用原图时页面的性能得分:

然后我们将图片压缩到50%,重新运行速度测试:

如您所见,性能有所提高。最后,我们用压缩到 10% 的照片测试了同一页面:

如您所见,该页面现在已获得满分。此测试表明小图像文件可以显着提高您网站的性能。

虽然高度压缩的图形可以显着提高您的网站速度,但它们较低的质量会影响您的品牌。因此,除非绝对必要,否则我们建议不要将图像缩小超过 50%。

为什么要使用有损压缩?

您网站上的数据越多,页面加载所需的时间就越长。插件、图像、音频和视频等文件会给您网站的加载时间增加压力。

有损压缩可以帮助加快您的网站速度,尤其是当您有大量图像内容时。您可以对多种文件格式使用此压缩类型,包括联合图像专家组 (JPEG) 和图形交换格式 (GIF)。您还可以对视频和音频文件应用有损压缩。

如前所述,有损压缩的工作原理是从图像中删除数据,从而减小尺寸和质量。此方法与无损压缩形成对比,无损压缩使图像文件更小而不影响其质量。

但是,有损压缩比无损压缩更高效。这是因为它可以从您的图像中删除大量数据。因此,它释放了一些存储空间并提高了站点速度。

如果您有一个图片较多的网站,例如在线商店或大型博客,您可能需要考虑使用有损压缩。这种压缩方法可以帮助您优化网站上的产品图像、缩略图、横幅和其他 JPEG 文件。因此,您的页面可能会为用户加载得更快,从而帮助您降低跳出率并推动更多转化。

有损压缩还可以让您在一定程度上控制图像的质量和大小。事实上,许多图像优化工具允许您选择文件的压缩级别。这样,您就可以采取一种平衡的方法来帮助您提高站点的性能,而不会影响图形质量。

如何对图像应用有损压缩

请务必注意,WordPress 会自动将 JPEG 文件压缩高达 82%。因此,每次您将图像上传到您的网站时,它都会经过有损压缩过程。

您可以通过编辑 functions.php 文件来调整此自动压缩级别。但是,此方法可能比较棘手,并且不会压缩您已上传到站点的图像。

此外,还有更简单(也更有效)的方法来优化您的图像。让我们看看一些选项!

1.使用照片编辑器压缩图片

您可以使用您喜欢的照片编辑软件轻松压缩图片。 Adobe Photoshop 和 GIMP 等流行工具使您能够将质量级别应用于图像:

或者,您可以使用计算机操作系统中内置的照片编辑器。如果您是 Windows 用户,请在 Microsoft Photos 中打开您的图像。然后,点击右上角的三个点,在下拉菜单中选择调整大小:

在接下来的弹窗中,选择定义自定义维度:

然后您可以使用滑块设置图像质量:

准备好后,点击保存调整大小的副本。我们建议将此压缩图像保存为单独的文件。这是因为有损压缩是不可逆的——如果覆盖原始图形,则无法撤消更改。

2.使用 WordPress 插件压缩图像

压缩图像的另一种方法是使用图像优化插件。这种方法可以节省您的时间,因为插件会自动优化您上传到您网站的任何图像。

Imagine可以使用一个强大的优化插件:

在您的网站上安装并激活插件后,系统会要求您创建一个免费帐户并输入您的 API 密钥。完成后,您可以转到“设置”>“想象”来设置您的压缩首选项。

如您所见,共有三个选项:

如果您选择普通,插件将对您的图片进行无损压缩。这种方法可能不会加速您的网站。

同时,Aggressive类型会造成有损压缩。但是,质量不会有任何明显差异。

最后,我们有 Ultra,最强级别的有损压缩。此设置可能会导致图像质量发生重大变化。

为获得最佳压缩效果,我们建议使用 Aggressive。 Imagify 将自动优化您上传到 WordPress 的任何图像的原始大小。

如果向下滚动,您会看到选择其他图像尺寸进行压缩的选项,例如缩略图:

准备好后点击“保存更改”。您上传到网站的任何图片现在都会自动压缩到您喜欢的级别。

有损压缩的好处

正如我们所见,有损压缩可以提高您网站的性能和页面加载时间。反过来,这种改进的性能将带来更好的用户体验。它还可能有助于改善您网站的搜索引擎优化 (SEO)。

如果您对磁盘空间和带宽有限制,则有损压缩也很有用。它减少了您网站上存储的数据量。

幸运的是,压缩图形并不需要太多的努力。您只需安装一个免费插件,它就会自动缩小您上传的所有图片的大小。因此,使用有损压缩是提高网站整体性能的一种快速简便的方法。

有损压缩的缺点

不幸的是,使用有损压缩有一些缺点。首先,您无法将压缩图像恢复到其原始状态。优化图形时,需要确保原始文件没有被覆盖。

正如我们已经讨论过的,有损压缩也会对图像质量产生负面影响。这是因为它从文件中删除了数据。因此,您需要选择适中的压缩级别,以确保没有明显的质量差异。

结论

对图像使用有损压缩可以有效地加速您的 WordPress 网站。这种技术减小了图像文件的大小,从而使页面加载速度更快。反过来,这种压缩有助于改善您的用户体验和 SEO。

您可以使用自己喜欢的照片编辑软件或图像优化插件(例如 Imagine)轻松压缩图像。但是,我们建议避免过度压缩,因为它可能会导致图像质量明显下降。

您对有损压缩有任何疑问吗?在下面的评论部分让我们知道!

图片来自 Jaroslaw Slodkiewicz/unsplash.com,特色图片来自 PureSolution/shutterstock.com

来源