使用图像、视频和其他文件可以提高博客文章的质量,并增强 WordPress 网站的外观。但是,包含太多“重”元素会降低您网站的速度并影响其整体性能。幸运的是,无损压缩可以减小文件大小而不影响其质量。
在本指南中,我们将探讨无损压缩以及何时应使用它。然后我们将解释如何将这种压缩方法应用于您的图像和文件。
让我们开始吧!
什么是无损压缩?
无损压缩通过删除和隔离冗余数据来减小文件大小。此方法可在不影响整体质量的情况下使文件更小。它也是完全可逆的。
例如,这是一张右侧应用了无损压缩的图像。它的文件大小从 335KB 减少到 294KB:
如您所见,图像质量没有明显差异。但是,该文件缩小了 12.24%。
无损压缩使用一种算法来查找单词、模式和其他不必要数据的重复。然后它用数字替换此信息并将原始数据存储在单独的索引文件中。
它还会从您的图像中去除元数据。因此,这种压缩方法在不删除其额外信息的情况下创建了一个更精简的文件。
无损压缩最适合背景透明的照片和文字较多的图片。这些是最常见的无损文件格式:
- 便携式网络图形 (PNG)
- 图形交换格式 (GIF)
- 压缩文件 (ZIP)
- 原始图像 (RAW)
- 位图图像文件 (BMP)
此外,无损压缩越来越多地用于音频文件。流媒体巨头 Spotify、Apple Music 和 TIDAL 使用这种方法在不降低音乐质量的情况下加快内容加载速度。
为什么要使用无损压缩?
正如我们之前提到的,无损压缩使用一种算法来压缩图像和其他文件类型。这些是一些最常用的算法:
- 霍夫曼编码:该算法为字符及其频率分配不同的值。
- 算术编码:这会将整个文件编码为一系列带符号的字符。
- 游程编码:查找代码中的重复字符并将它们编码为更小的字节。
这些压缩方法可以在不影响质量的情况下使文件更小。由于文件的索引数据,您还可以将文件恢复为原始大小。因此,这会导致图像和其他媒体文件发生不可逆的更改,这与无损压缩与有损压缩相反。
图像压缩对于提高站点性能至关重要。首先,较小的图像可以缩短页面加载时间。这是 Google 在确定将您的内容放置在其搜索引擎结果页面上的位置时的关键排名因素之一。
Google 使用一系列称为 Core Web Vitals 的指标。以下两个指标与您网站上的图像相关:
- First Content Paint (FCP)。 FCP 测量页面上第一个元素显示所需的时间。它可以是文本或图像元素。如果您的网站必须首先加载图像或其他媒体文件,对它们使用无损压缩将加快用户的加载时间。
- 最大内容绘画 (LCP)。这衡量了页面上最大的元素显示所需的时间。这可能是您的其中一张图片。因此,如果您的照片文件较小,您的 LCP 分数会更好。
较小的图像不仅对 SEO 很重要。它们对于用户体验 (UX) 也是必不可少的。如果您的页面加载缓慢,读者可能会感到沮丧并点击离开您的网站。
最后,无损压缩可以保持图像质量。因此,使用它不会在您的网站上呈现颗粒状或散乱的图形。因此,这种压缩方法可以帮助您的网站在读者面前显得更加专业。
2 种对图像应用无损压缩的方法
您可以使用多种不同的方法对图像应用无损压缩。其中一些策略发生在您的 WordPress 仪表板中,而其他策略则依赖于外部软件。让我们来看看两种不同的压缩选项!
1.使用图像压缩插件
一些 WordPress 图像优化插件可以使用无损方法压缩您的图像。使用插件是一种快速简便的选择,因为该工具会在整个网站上应用压缩。因此您无需手动编辑每个图像,这可能非常耗时。
我们建议使用 Imagine 插件来压缩您的图像。它有多种图像类型的内置压缩级别:
安装并激活插件后,导航至 WordPress 仪表板中的设置 > Imagify。然后你会在页面顶部看到三个不同的优化级别:
您需要从不同的选项中选择正常。此设置将对您的图像应用无损压缩。您还可以通过在上传配置时启用自动优化图像来自动执行此压缩。
2.使用图像编辑软件
图像编辑应用程序,例如 Adobe Photoshop 和 GIMP,通常允许您为图片选择压缩方法。确切的选项和过程将根据您选择的软件而有所不同。
例如,如果您有 GIMP,则可以相对轻松地使用无损压缩。首先,用图片编辑软件打开你的图片。然后,导航至文件 > 导出为:
接下来,打开按扩展名选择文件类型下的下拉菜单,然后向下滚动以选择 PNG 图片:
点击“导出”,您将看到一个弹出窗口,您可以在其中选择 0-9 的无损压缩级别:
最后点击“导出”压缩图片,将其保存为 PNG。在不影响照片质量的情况下,文件现在应该更小了。
无损压缩的好处
无损压缩的主要好处是它不会降低图像质量。因此,它可能是依赖图像的网站和企业的理想选择。
例如,如果您经营一家高端电子商务商店,您可能想要展示您的产品。使用最高质量的图像可以展示细节并激发用户购买。
同样,专业的摄影作品集可以从这种压缩方法中受益。您可以通过保留高质量的照片来炫耀您的技能并潜在地吸引新客户和销售。
此外,无损压缩是可逆的。所有剥离的元数据都保存在单独的文件中。因此,如果您对压缩结果不满意,可以恢复图像。
最后,这种压缩方法适用于多种文件类型。如果您的网站使用不同的元素,例如 GIF、音频文件和 PNG 图像,您将能够压缩所有这些元素以减少网站的整体加载时间。
无损压缩的缺点
不幸的是,无损压缩提供的性能优势不如有损压缩。由于此方法不会删除任何数据,因此生成的图像可能仍然具有较大的文件大小。因此,您可能需要考虑其他优化技术来加速您的网站。
例如,我们建议在您的 WordPress 站点上启用 GZIP 压缩。 GZIP 为访问者提供尽可能小的通用数据文件,帮助他们的浏览器更快地加载您的网站。幸运的是,这种类型的压缩也很容易使用 WP-Optimize 等插件设置:
或者,您可以考虑使用内容分发网络 (CDN)。 CDN 使用世界各地的一系列服务器从最近的位置向用户传送内容。因此,该网络可以为来自世界各地的访问者提高您的网络性能。
结论
压缩图像可以减少文件大小和加载时间。因此,压缩可以改善网站的用户体验并促进搜索引擎优化 (SEO)。
如本文所述,无损压缩可使图像文件变小而不会降低质量。此方法剥离元数据和重复信息并将其保存在单独的文件中。因此,您可以加快网站速度,同时保持明亮和令人兴奋的图形来吸引读者。
您对使用无损压缩有什么疑问吗?在下面的评论部分让我们知道!
图片来自 Hendo Wang/unsplash.com,特色图片来自 rupadaratan/shutterstock.com
来源