🗜️
← 返回教程列表

有损压缩与无损压缩 — 有什么区别?

· 标签: lossy-compression, lossless-compression, image-optimization, file-size, web-performance

有损压缩与无损压缩

每次为网页保存图片时,你都面临一个根本性的选择:保留原始数据中的多少?这个决定决定了你的文件大小、加载速度和视觉质量。两种方法——有损压缩和无损压缩——服务于不同的目的,理解其差异是有效图片优化的关键。

什么是图片压缩?

图片压缩是减少表示图片所需比特数的过程。压缩算法分析图片数据并找到更高效的存储方式。它们采用的技术决定了原始数据能否被完美重建,还是某些信息会被永久丢弃。

有损压缩:用数据换体积

有损压缩会永久移除图片数据以减小文件大小。算法识别出人眼最不可能注意到的细节——细微的色彩变化、高频噪点和精细纹理——并将它们丢弃。一旦移除,这些数据就无法恢复。

技术层面的工作原理:

有损压缩器将图片转换到频域,然后对频率系数进行量化。高频细节(锐利边缘、细微噪点)用较少的比特表示,而低频信息(大面积颜色)得以保留。质量设置控制这种量化应用的激进程度。

现实中的节省:

一张 5 MB 的相机照片以质量 80 压缩为 JPEG,通常会产生 200 到 400 KB 的文件——缩减 90% 到 95%。在质量 60 时,同一张图片可能降至 100 KB。在标准显示器上,质量 80 与原图之间的视觉差异通常难以察觉。

何时使用有损压缩:

  • 网站的照片和复杂图片
  • 文件大小重要的社交媒体帖子
  • 大照片的电子邮件附件
  • 缩略图和预览图片
  • 任何带宽或存储受限的场景

常见的有损格式:

JPEG、WebP(有损模式)和 AVIF。这三种都支持可调质量设置,让你控制体积与画质之间的权衡。

有损压缩的风险:

  • 生成损失:反复保存有损文件会导致每次保存画质退化。
  • 可见伪影:在低质量设置下,块状压缩伪影和色彩条带会变得明显。
  • 不适合将被编辑和重新保存的图片,因为每次迭代都会丢失更多细节。

无损压缩:完美保留

无损压缩通过识别和消除冗余数据来减小文件大小,而不会移除任何图片信息。解压后的图片与原图逐像素一致——每个颜色值、每条边缘、每个细微渐变都被精确保留。

技术层面的工作原理:

无损压缩器使用行程编码、霍夫曼编码和增量编码等技术。它们不是独立存储每个像素,而是存储相邻像素之间的差异,并使用统计模型以更少的比特表示常见模式。PNG 中使用的算法 DEFLATE 就是一个著名的例子。

现实中的节省:

一张具有大面积纯色的 PNG 截图可以在无损的情况下压缩 40% 到 70%。然而,照片类 PNG 图片可能只能压缩 10% 到 30%,因为照片中的噪点妨碍了高效的模式匹配。

何时使用无损压缩:

  • 具有锐利边缘和文字的徽标、图标和图形
  • 截图和屏幕捕获
  • UI 设计稿和线框图
  • 每个像素都至关重要的医学或存档图片
  • 之后会被编辑的图片母版副本
  • 需要 alpha 透明度的图片

常见的无损格式:

PNG 是使用最广泛的无损格式。WebP 也提供无损模式,对许多类型的图片产生的文件比 PNG 更小。AVIF 同样包含无损模式。

无损压缩的局限性:

  • 对照片内容而言,文件大小明显大于有损。
  • 不适合带宽受限的大规模网页使用。
  • 降低位深有时是有效缩小 PNG 的唯一方法,而即使压缩本身是无损的,这在技术上仍是一种有损操作。

并排对比

| 因素 | 有损压缩 | 无损压缩 | |--------|-------------------|----------------------| | 逐像素输出 | 否 | 是 | | 典型文件大小缩减 | 60% 到 95% | 10% 到 50% | | 可调质量 | 是 | 否 | | 适合照片 | 是 | 差 | | 适合图形 | 中等 | 出色 | | 透明度支持 | 视格式而定 | 支持(PNG、WebP) | | 反复保存使画质退化 | 是 | 否 | | 可逆 | 否 | 是 |

能否结合两种方法?

可以,这也是专业工作流程中的最佳实践。策略很简单:

  1. 以无损格式(PNG 或无损 WebP)存储母版图片。
  2. 以有损格式(JPEG、有损 WebP 或 AVIF)按你选择的质量级别导出交付副本。

这样你就两全其美:一份随时可以编辑和重新导出的完美母版,加上小巧、快速的生产交付文件。不过,当你的工具直接以原始格式压缩图片时,你可以对 JPEG 和 WebP 应用有损优化,同时让 PNG 保持其无损形式——无需格式转换。

为你的项目选择正确的方法

有损与无损的决定归结为你的图片内容和性能要求:

  • 照片:采用有损。文件大小的节省巨大,而在合理的设置下画质损失微乎其微。
  • 带文字或徽标的图形:采用无损。让这些图片看起来专业的锐利边缘和文字,恰恰是有损压缩最先破坏的东西。
  • 截图:无损可保留清晰的文字和 UI 元素。
  • 拿不定主意时,两种都试试。用有损和无损方法压缩同一张图片,然后并排比较输出。视觉差异会让你的决定一目了然。

使用我们的免费在线图片压缩工具,在保持原始格式的同时对图片应用有损或无损压缩。上传、调整质量、下载——就是这么简单。