有损与无损图像压缩:有什么区别?

已发表: 2021-07-14

如果您正在考虑优化网站的性能,您会遇到一些性能技术,例如图像压缩。 减小网络照片的大小可以帮助您获得宝贵的几毫秒的加载时间。

优化图像时,您可以选择两种类型的压缩:有损和无损压缩。 两者各有利弊,作为网站所有者,您应该在做出决定之前对两者进行评估。 不用担心:我们已经为您提供保障。

在我们开始之前,您应该知道图像没有单一的最佳格式或“质量设置”。 这一切都归结为使用哪种有损或无损算法来优化每个图像。 另外,您的特定需求。

阅读这篇文章,您将了解有关这两种图像压缩类型的所有知识。

什么是有损图像压缩及其工作原理

有损压缩意味着图像大小减小,而原始图像文件中的一些数据被消除。

如果你问有损压缩是否可逆,答案是:不。 有损图像过程是不可逆的。 以这种方式压缩图像后,您将无法返回。

好吧,在大多数情况下你不能回去。 您很幸运:使用 Imagify WordPress 插件,如果您对结果不满意,您可以恢复到原始图片。

有损压缩通常的不可逆性引出了一个问题:为什么要使用它?

事情就是这样。

在优化页面上的源代码等数据时,确保压缩不会改变代码至关重要。 一条错误数据和您的代码可能会中断。 对于其他数据类型,例如图像或视频,您可以对其进行压缩并呈现原始数据的“近似”表示,而不会失去其意义。 换句话说,没有用户会注意到您的图像被压缩(除非您一遍又一遍地压缩相同的图像)。

事实是,我们在网络上一直使用有损图像压缩。

有损图像格式

最常见的有损图像格式是 JPEG 和 GIF。 但是,我们的人眼并没有注意到 JPEG、GIF、PNG 或其他格式之间的区别。

由于我们眼睛的工作方式,图像是有损压缩的理想选择。 我们的眼睛对不同的颜色有不同的敏感度。 这被用于图像压缩,因为我们压缩某些颜色比其他颜色更多。

有损压缩的优点、优点和缺点

此时,您可能想知道有损压缩的优缺点是什么。

有损压缩的最大好处是它显着减小了图像文件的大小。 另一方面,最大的缺点是,这是在质量损失的情况下实现的——尽管正如我们解释的那样,这几乎是难以察觉的。 大多数可用的压缩工具都可以让您选择图像上使用的压缩程度。

对于有损压缩,一切都是为了在文件大小和图像质量之间找到一个很好的折衷方案。

例如,Imagify 将允许您在三种压缩级别之间进行选择:正常、激进和超强。 激进和超级别是强大的级别,并且会减小图像的大小。 同时,这些级别可能会以某种方式降低图像质量。

Imagify 压缩提示:激进级别是减小图像大小和不影响其质量之间最平衡的级别。

什么时候应该使用有损压缩?

请记住,通常 50% 的图像压缩会使文件大小减少 90%。

如果您的目标是缩小图像文件大小,则 80% 的压缩只会减少 5%,使您的总减少量达到 95%。 对于我们大多数人来说,这种折衷是不值得的,因为压缩可能会将图像降级到一个明显的程度

大多数在线图像优化工具使用图像压缩算法来解决这些限制,以提供快速加载的清晰图像。

免费试用 Imagify,看看插件是如何工作的!

不确定有损压缩是否适合您? 使用 Imagify 的图像优化器在您的网站页面上运行快速测试。 这样,您可以在不更改原始图像的情况下下载压缩图像。

什么是无损图像压缩及其工作原理

无损压缩意味着您可以在不损失任何质量的情况下减小图像的大小。 通常,这是通过从 JPEG 和 PNG 文件中删除不必要的元数据来实现的。 我们之所以说“通常”,是因为使用其他一些压缩算法,如 Imagify 的,可以在不牺牲图像质量的情况下利用其他压缩机会。

最佳无损图像格式

最常见的无损图像格式是 GIF、PNG 和 BMP。 但是,根据它们针对 Web 的优化方式,这些格式可能会出现轻微的质量损失。 别担心:我们的眼睛无法识别它。

无损压缩的优点和好处

无损压缩的最大好处和优势是它可以让您在保持图像质量的同时减小文件大小。 这是双赢的:您将提高网站性能,并且不会影响图像的质量。

何时应该使用无损图像压缩

如果您希望保留图像的质量,您应该选择无损压缩而不是有损压缩。

如果您选择对图像进行无损压缩,则代价是您将拥有更大的文件。 因此,您需要寻找其他方法来优化您网站的性能。 将您的图像转换为 WebP 格式并为 WordPress 选择最佳缓存插件可能是一个很好的起点!

图像压缩会降低质量吗?

此时,您应该知道图像压缩并不一定会降低图像的质量。 总的来说,提供一些质量损失的图像压缩是有损类型。 但是,它也取决于图像压缩算法。 只要您找到正确的压缩级别,人眼就不会检测到照片质量的任何下降。

我们建议您根据需要尝试不同的解决方案,我们将在下一节中解释。

您应该选择哪种压缩方式?

选择正确的压缩级别取决于许多因素。 您应该首先考虑您的需求。

如果高质量图像对您的业务和客户很重要,那么您应该考虑无损压缩。 但是,如果您的网站需要非常快,您应该考虑积极的图像优化。

根据您使用的 CMS,您将需要优化某些设置,以确保图像压缩在您的完全控制之下。

不要犹豫,研究诸如 WordPress 插件之类的工具来帮助您完成工作。

WordPress 特定的图像压缩

如果您使用的是 WordPress,您应该知道它默认会压缩您的图像。 当 WordPress 创建预览图像时,您的 JPEG 图像被压缩为 82%。 您可以在 functions.php 文件中增加或减少 CMS 使用的压缩级别。

我们不建议初学者或中级 WordPress 用户这样做。 相反,您应该只致力于增强 WordPress 在图像压缩方面已经做的事情。

博主的图像压缩

根据您运行的博客类型,有损与无损可以变成战场。 您应该查看您最常使用的图像格式类型,以帮助您确定您的需求。 以下是我们倾向于在网络上使用的主要图像格式的快速回顾:

  • JPEG – 最适合包含人物、地点或事物的照片或设计。
  • PNG – 最适合具有透明背景的图像
  • GIF – 最适合动画 GIF。 否则,请使用 JPG 格式
  • WebP – 获得较小图像并保持相同质量的最佳格式。 请注意,您必须将图像转换为 WebP,因为您无法将它们上传到 WordPress。

您必须记住的第二件事是您可以上传一张图片,但您的 CMS 会创建更多图片。 WordPress 通常会为每个图像创建三到五个不同大小的变体。 因此,图像优化很快就会成为您博客的大事。

如果您不确定应该走哪条路线,我们建议选择有损压缩。 当然,首先要进行测试,以确保结果符合您的标准。

不确定图像是否会拖累您的表现? 从您的网站中获取一个页面,将其放入在线优化器中,然后查看结果! 如果您打算使用 Google Page Speed Insights,则需要考虑该工具使用一种特定算法来分析您的图像。 有时,您的图像已使用 Google 工具未检测到的另一种算法进行了完美优化。 这可能会导致假阳性结果,告诉您优化已经优化的图像。

电子商务的最佳图像压缩是什么?

图像通常占页面上大部分可下载字节。 多年来,这种趋势一直在稳步增长,尤其是对于在线商店。 优化图像可以对电子商务网站产生影响,因为客户希望快速找到他们想要的东西。 挑战在于找到一种方法,为购物者提供产品的高分辨率照片,同时保持快速加载时间。

有许多优化照片的策略。 图像压缩工具、照片处理或 PHP 脚本通常可以帮助您实现在线商店所需的适当性能。 如果您使用的是 Shopify,您应该知道图像会自动压缩和优化。 如果您使用 WooCommerce,则应依靠 WordPress 插件在将图像添加到在线商店时动态优化图像。

摄影师的图像优化

如果您是摄影师,我们建议您展示高质量的图像。 这意味着关闭 WordPress 中的默认图像压缩。 但是,您仍然可以使用无损图像压缩来优化图像。 如果您打算使用 Imagify,建议的压缩设置为“正常”,这样可以保证您将保持您所寻求的图像质量。

有损与无损是您做出的选择

找出您的网站需要什么,进行测试并选择最适合您的。 请记住始终关注您的图像质量和加载速度,以确保您不会在此过程中失去访问者或客户。