压缩图像可以为您的网站带来许多性能优势。图片会吸引访客的注意力并引发他们的情感。它们对于营销策略至关重要，但必须针对网络进行优化。本指南解释了您需要了解的有关图像压缩、其工作原理以及压缩图像的几种方法的所有信息。它将帮助您在压缩和图像质量之间找到适当的平衡，这样您就不会过度压缩图像。
什么是图像压缩？
图像压缩意味着将图像文件转换为比原始文件占用更少的空间。它的目的是在不过多降低图像质量的情况下减少其大小（以字节为单位）。
有损压缩与无损压缩
有两种主要的压缩类型：有损压缩和无损压缩。
有损意味着您的图像将“丢失”一些数据，例如像素数或颜色数。这种损失通常肉眼无法察觉，但对于网络来说已经足够了。
但是，如果您计划打印大格式的照片，那么您可以使用无损压缩。您只需将相机上的原始格式文件转换为 JPG 或 PNG，即可节省空间，又不会影响文件质量。
下一代格式和压缩
可以通过将图像转换为下一代格式（例如 AVIF 或 WebP）来进行压缩。
WebP 由 Google 创建，是一种现代图像格式，可为网络上提供的图像提供卓越的无损和有损压缩。借助 WebP，开发人员可以在保持质量的同时创建更小的图像。据 Google 称，WebP 无损图像比 PNG 小 26%。
图像压缩会降低质量吗？
图像压缩会稍微降低质量，但这种变化通常是人眼看不见的。图像压缩没有缺点，它是一个绝对对您有利的性能优化过程 – 当使用正确的工具完成时。
相反，如果您使用的软件过度压缩图像，则会降低质量并影响用户体验。您必须确保选择了正确的设置和压缩模式。
为什么压缩图像很重要
压缩的主要好处是在网页上渲染所需的时间更少。压缩图像对于确保您的网站良好运行并提供最佳用户体验至关重要。
PageSpeed Insights – 由 Lighthouse 提供支持的性能衡量工具 – 提供审核和技术建议，以优化图像并使网页速度更快。为了拥有一个快速的网站，lighthouse 建议通过两种主要方式压缩图像：
- 正确编码图像（压缩图像并以正确的尺寸提供图像）
- 以下一代格式提供图像（将它们转换为可以更好地压缩图像的 WebP 格式）
图像如何影响核心网络生命
通过解决上述建议，您将保持良好的页面加载速度并保持核心 Web Vitals 为绿色。下面的 KPI 衡量网页的用户体验，未经优化的图像可能会对它们产生负面影响：
- 首次内容绘制 (FCP)：它测量屏幕上显示的第一个文本和图像元素。您希望压缩图像能够尽快渲染。
- 最大内容绘制 (LCP)：它测量主要内容何时加载（例如，首页横幅 – 通常是图像）。
- 内容布局转变 (CLS)：目标是避免布局中的任何突然移动。当您提供太大的图像并且需要一些额外的时间来渲染时，就会发生这种情况。
如果您提供大图像，这些 KPI 可能会被 Google 亏损。因此，SEO 排名也会受到影响，因为搜索引擎更喜欢显示速度更快的网站的结果（对于相同的内容质量）。
图像压缩如何工作？
压缩图像时，会删除一些冗余的技术数据，例如颜色或像素，以减小文件大小。在下图中，您可以遵循从颜色转换到量化（过滤）的所有压缩步骤。主要思想是修剪属于图像的“不太重要”的信息，使其变小而不改变其视觉效果。
手动运行所有这些算法将非常困难且耗时。值得庆幸的是，有强大的工具可以帮助您压缩图像。
什么是图像压缩器？
图像压缩器是软件、在线工具和 WordPress 插件，可以在保持高质量的同时减小图像的文件大小。图像优化器工具允许您压缩最流行的图像文件类型（例如 JPG、GIF 和 PNG），为 Web 准备图像。
例如，Photoshop、Lightroom 和 Photopea 都是著名的设计软件，可让您在导出过程中压缩图像。缺点是文件大小通常会影响质量。
然后，WordPress 插件中也有图像压缩器，例如 Smush Pro。这些插件允许您直接在 WordPress 仪表板中优化和压缩图像。
发表回复