Image Compression

无损与有损图片压缩的区别 — 有何不同?

了解无损与有损图片压缩的区别。学习哪些格式使用哪种方式、何时该选择哪一种,以及画质受损前能压缩到什么程度。

无损压缩保留每一个像素;有损压缩以一些难以察觉的细节换取显著更小的文件。选择正确的方式取决于你的图片类型与使用方式。

什么是无损压缩?

无损压缩会在图片数据中找出规律,并以更精简的方式编码 — 而不丢弃任何内容。当你打开一个无损压缩的文件时,解码器会精确重建原始数据。

可以把它想成文字的 zip 档:压缩后的压缩档变小了,但解压后你会拿回原始文件的每一个字符。

PNG 是网页上最常见的无损压缩图片格式。在浏览器中解码的 PNG 所包含的像素与来源完全一致。这让 PNG 非常适合:

  • 纯色标志与字标
  • 屏幕截图与 UI 模型
  • 具透明背景的图片
  • 任何会重复编辑并保存的图形

缺点:无损压缩对照片的效率较低。一般照片的 PNG 通常比同等 JPEG 大 3–5 倍。

什么是有损压缩?

有损压缩通过永久舍弃人类难以感知的图片数据,来达成更大的文件缩减。它利用了人类视觉的已知特性 — 例如,我们对细微颜色细节的敏感度低于对亮度(明暗)变化的敏感度。

JPEG 是照片领域最主要的有损格式。JPEG 编码器将图片分割成 8×8 像素的区块,套用离散余弦转换,并对结果进行量化 — 依据质量设置舍弃高频细节。质量设置越高,舍弃的数据越少。

取舍:JPEG 压缩是单向的。你无法复原被舍弃的细节。以较低质量设置重新保存 JPEG 会累加损失 — 每次重新保存都会产生额外的瑕疵。

WebP:两者皆能的格式

由 Google 开发的 WebP,在同一种格式中同时支持无损与有损压缩。这让它异常灵活:

  • 有损 WebP 在同等视觉质量下比 JPEG 好约 25–34%
  • 无损 WebP 在文件大小上比 PNG 好约 26%

大多数现代浏览器原生支持 WebP。对网页图片使用 WebP — 照片用有损、图形用无损 — 是提升页面加载速度最具效益的优化之一。ImgKit 的图片工具包含 WebP 转换器。

格式摘要

Format 压缩类型 最佳用途
PNG 无损 标志、图形、截图、透明
JPEG 有损 照片、网页图片
WebP 无损或有损 网页图片(所有类型)
GIF 无损(8 位元) 简单动画
AVIF 无损或有损 次世代网页图片
TIFF 通常为无损 印刷、封存

画质与文件大小的取舍

有损格式中画质与大小的取舍并非线性。从质量 100 降到 85 会大幅缩减文件大小,而视觉变化几乎看不见。从质量 60 降到 50 则会在相对微小的额外缩减下,造成瑕疵明显跳增。

实用框架:

  • 网页照片(主视觉、博客): JPEG 质量 80–85 或 WebP 质量 75–80
  • 网页照片(缩图): JPEG 质量 70–75 或 WebP 质量 65–70
  • 印刷交付: PNG 或 TIFF 无损,或 JPEG 质量 95 以上
  • 封存母片: 永远使用无损(PNG、TIFF 或原始 RAW)

实用建议

在以下情况使用有损压缩

  • 你正在为网站或电子邮件交付照片
  • 文件大小会影响加载时间或附件限制
  • 图片不会再被编辑

在以下情况使用无损压缩

  • 图片包含文字、锐利线条或纯色
  • 你会多次重新打开并保存文件
  • 需要像素级精确度(医疗影像、印刷前制)

若要寻找能比较两种方式并取得适当平衡的工具,请浏览关于压缩技术与目标文件大小的相关指南区

常见问题

什么是无损压缩?

无损压缩通过更高效地编码数据来缩小文件大小,且不丢弃任何信息。当你解压缩一个无损压缩的文件时,每一个原始比特都会精确还原。PNG 使用无损压缩;解码后的 PNG 永远与来源逐像素一致。

什么是有损压缩?

有损压缩通过永久舍弃部分图片数据 — 通常是人眼难以察觉的细节与颜色过渡 — 来取得更小的文件大小。JPEG 是经典的有损格式。一旦压缩,被舍弃的数据就无法恢复。

哪些图片格式是无损的?

PNG、GIF 与 BMP 永远是无损的。WebP 与 AVIF 同时支持无损与有损两种模式。TIFF 可以无损方式保存(未压缩或 LZW)。RAW 相机文件是无损的。JPEG 永远是有损的 — 常见用途中并不存在无损的 JPEG。

我应该何时使用无损或有损压缩?

对于标志、屏幕截图、文字密集的图形、UI 元素,以及任何会多次编辑并重新保存的图片,请使用无损。对于在网页或电子邮件中分享的照片,请使用有损 — 此时较小的文件大小更重要,且不需要像素级的精确度。

在画质损失变得明显之前,图片能压缩到什么程度?

对于 JPEG,80–90% 的质量设置在正常观看尺寸下通常与原图难以区分。低于 60% 时,压缩瑕疵(块状化、颜色条带)会变得明显。对于有损 WebP,75–85% 的质量能在比同等 JPEG 更小的文件大小下带来优异结果。

相关指南

接着阅读