图像格式发展史 - 从 BMP 到 AVIF 的 40 年演进

· 9 分钟阅读

1980 年代 - 数字图像的黎明(BMP 和 GIF)

1980 年代,个人电脑开始普及,数字图像格式应运而生。这个时代的格式受限于极其有限的存储空间和处理能力。

BMP(1986):

  • 微软为 Windows 开发的位图格式,结构极其简单
  • 无压缩或仅有简单的 RLE 压缩,文件体积巨大
  • 优点:读写极快,无需解码。缺点:文件太大,不适合网络传输

GIF(1987):

  • CompuServe 开发,用于在线服务的图像传输
  • LZW 无损压缩,最多 256 色(8 位调色板)
  • 1989 年 GIF89a 版本添加动画和透明度支持
  • 成为早期互联网的标准图像格式,但 LZW 专利争议(Unisys)推动了 PNG 的诞生

BMP (1986 年):Microsoft 与 IBM 为 Windows/OS2 开发的 BMP (Bitmap) 是最原始的图像格式之一。支持 1 bit (黑白)、4 bit (16 色)、8 bit (256 色)、24 bit (1677 万色);由于不做压缩,文件体积巨大 (640 × 480 的 24bit 图像约 900 KB);作为 Windows 的标准图像格式被长期使用;现在仍作为 Windows 剪贴板与图标的内部格式留存。

GIF (1987 年):CompuServe 开发的 GIF (Graphics Interchange Format),是为了让当时低速的调制解调器线路 (300-2400 bps) 也能实用地传输图像而诞生的。

1990 年代初 - 摄影时代来临(JPEG 和 TIFF)

数码相机和扫描仪的出现催生了对高质量照片格式的需求。

JPEG(1992):

  • Joint Photographic Experts Group 制定的标准(ISO/IEC 10918)
  • 基于 DCT 的有损压缩,革命性地将照片文件缩小到原来的 1/10-1/20
  • 可调质量参数在文件大小和视觉质量间灵活权衡
  • 迅速成为数码相机和 Web 照片的事实标准,至今仍是使用最广泛的格式

TIFF(1986/1992):

  • Aldus(后被 Adobe 收购)开发的灵活容器格式
  • 支持无压缩、LZW、ZIP 等多种压缩方式
  • 支持多页、多层、高色深(16/32 位)
  • 成为印刷和专业摄影工作流的标准交换格式

JPEG 的特征:基于离散余弦变换 (DCT) 在频域进行压缩;通过质量设置可灵活调整压缩率 (质量 1-100);支持 24 位全彩 (1677 万色);渐进式 JPEG 支持隔行显示;用 EXIF 元数据保存拍摄信息。JPEG 的登场是革命性的。

TIFF (1986 年制定、1992 年 v6.0):TIFF (Tagged Image File Format) 是 Aldus (后被 Adobe 收购) 开发的、面向专业用途的高画质图像格式。支持 CMYK、Lab、多通道等多样的色彩空间;支持 16 位/通道的高位深;可以保留图层信息 (Photoshop TIFF);由于文件体积大,不适合 Web。

1990 年代末 - 确立 Web 标准(PNG)

GIF 的 LZW 专利争议和 256 色限制推动了新格式的诞生。

PNG(1996):

  • 作为 GIF 的免专利替代品开发(Portable Network Graphics)
  • DEFLATE 无损压缩,支持真彩色(24 位)和 Alpha 通道透明度
  • 完全开放标准,无专利限制
  • 解决了 GIF 的两大问题:256 色限制和专利费用
  • 但不支持动画(APNG 后来补充,但普及缓慢)

这个时期确立了 Web 图像的基本格局:照片用 JPEG,图形/透明用 PNG,动画用 GIF。这个格局持续了近 20 年。

PNG (1996 年):PNG (Portable Network Graphics) 是在 W3C 的支持下、作为 GIF 的替代而开发的。无损压缩 (Deflate 算法) 不产生画质劣化;支持 8 位调色板 (PNG-8) 与 24/32 位全彩 (PNG-24/32);借助 Alpha 通道实现 256 级透明度 (大幅超越 GIF 的 1 位透明);保存伽马校正信息,提升不同显示器之间色彩的一致性;支持隔行显示 (Adam7 方式)。

PNG 优于 GIF 之处:支持全彩 (GIF 最多 256 色);可以表现半透明 (GIF 只有全透明或全不透明);在照片以外的图像 (屏幕截图、图表、标识) 上比 JPEG 画质更高且体积更小。

PNG 不及 GIF 之处:不支持动画 (后来由 APNG 补充,但普及有限);照片类图像的文件体积远大于 JPEG。PNG 的登场,确立了「照片用 JPEG、其他用 PNG」这一 Web 图像的分工。

2000-2010 年代 - 探索新一代格式(JPEG 2000、WebP)

随着 Web 流量爆发式增长,对更高效压缩格式的需求日益迫切。

JPEG 2000(2000):

  • 基于小波变换的新一代 JPEG 标准
  • 压缩效率优于 JPEG,支持无损/有损、渐进式传输、感兴趣区域编码
  • 但计算复杂度高、浏览器不支持,未能在 Web 上普及
  • 在医学影像、数字电影(DCI)等专业领域获得采用

WebP(2010):

  • Google 基于 VP8 视频编解码器开发
  • 有损模式比 JPEG 小 25-35%,无损模式比 PNG 小 26%
  • 支持透明度和动画,功能上可替代 JPEG + PNG + GIF
  • Chrome 率先支持,其他浏览器逐步跟进,2020 年后获得全面支持

JPEG 2000 的定位:同时支持无损压缩与有损压缩;即使在低码率下也比 JPEG 画质更好 (不产生块状噪点);可用 ROI (Region of Interest) 只对图像的一部分做高质量压缩;但计算成本高、浏览器支持迟迟未跟进,在 Web 上未能普及;在医疗影像 (DICOM)、电影 (DCI) 等特定领域作为标准使用。

WebP (2010 年):Google 开发的 WebP 是专为 Web 特化的新一代图像格式。有损压缩以比 JPEG 小 25-35% 的体积获得同等画质;无损压缩比 PNG 小 26%;支持 Alpha 通道 (透明),有损模式下同样可用;支持动画 (作为 GIF 的替代)。2014 年 Chrome 支持、2020 年 Safari 支持,全部主流浏览器均可使用。WebP 实现了「兼取 JPEG、PNG 与 GIF 之长」,但普及花了 10 年以上。

2020 年代 - 当前前沿(AVIF 和 JPEG XL)

视频编解码技术的进步催生了压缩效率更高的图像格式。

AVIF(2019):

  • 基于 AV1 视频编解码器(Alliance for Open Media 开发)
  • 压缩效率比 JPEG 高 50%,比 WebP 高 20%
  • 支持 HDR、宽色域、10/12 位色深、透明度、动画
  • 免版税,获得 Chrome、Firefox、Safari 支持
  • 缺点:编码速度慢,不适合实时转换

JPEG XL(2022):

  • JPEG 委员会开发的下一代标准(ISO/IEC 18181)
  • 可无损转码现有 JPEG(文件减小约 20%,可完美还原原始 JPEG)
  • 压缩效率与 AVIF 相当,编码速度更快
  • 支持超大分辨率、渐进式解码、响应式图像
  • 但 Chrome 移除了支持(2022),前景不确定

AVIF (2019 年制定规范、2020 年起浏览器支持):AVIF (AV1 Image File Format) 是把免版税的视频编解码器 AV1 应用于静止图像的格式,由 Alliance for Open Media (Google、Apple、Mozilla、Netflix 等) 推动。以比 JPEG 小 50%、比 WebP 小 20% 的体积获得同等画质;支持 HDR (高动态范围) 与广色域 (BT.2020);支持 10/12 位色深;支持 Alpha 通道与动画;编码速度慢是现阶段的课题。Chrome 85 (2020 年)、Firefox 93 (2021 年)、Safari 16 (2022 年) 开始支持。

JPEG XL (2022 年规范确定):JPEG XL 被设计为 JPEG 的正统后继。比 JPEG 有 60% 以上的压缩改善;从既有 JPEG 无损转换可减小约 20% 的体积;支持渐进式解码 (从低分辨率逐步显示);最大 32 位浮点的色深。但 Chrome 在 2022 年移除了支持,普及蒙上阴影。AVIF 与 JPEG XL 在技术上都很优秀,而浏览器支持的状况握着普及的钥匙。

图像格式的未来与选择指南

回顾 40 年的发展,图像格式的演进始终围绕压缩效率、功能丰富度和生态兼容性三个维度。

当前最佳实践:

  • Web 照片:AVIF(最优)→ WebP(兼容)→ JPEG(降级)
  • Web 图形:SVG(矢量)→ WebP 无损 → PNG
  • 专业工作流:RAW → TIFF/PSD(编辑)→ 目标格式(输出)

未来趋势:

  • AI 驱动的压缩:神经网络图像压缩已在研究中展现超越传统方法的潜力
  • 自适应格式:根据内容和设备自动选择最优编码策略
  • 计算摄影集成:格式将更紧密地与计算摄影流水线集成(如 Apple ProRAW)

演进的趋势:压缩效率的提升 — BMP (无压缩) → GIF (LZW) → JPEG (DCT) → WebP (VP8) → AVIF (AV1),每一代都有 20-50% 的效率改善;功能的整合 — 原本分为照片用 (JPEG)、图表用 (PNG)、动画用 (GIF),在 WebP 与 AVIF 中统合为一种格式;色深的扩大 — 8 位 → 10 位 → 12 位 → 支持 HDR;与视频编解码器的融合 — 像 WebP (VP8)、AVIF (AV1)、HEIF (HEVC) 那样,视频技术被应用到静止图像上。

当前实用的选择指引:需要最大兼容性时 — JPEG (照片) + PNG (图表、透明),在所有环境中都能可靠显示;重视 Web 性能时 — 以 WebP 为主,JPEG/PNG 作为回退;追求最前沿的压缩效率时 — 以 AVIF 为主,按 WebP → JPEG/PNG 逐级回退;印刷与归档 — 用 TIFF (无压缩/无损) 完整保持品质。

今后的展望:图像格式的演进今后仍会继续,但新格式的普及总是存在 5-10 年的时间差。对 Web 开发者来说,采用 <picture> 元素的回退策略,在享受最新格式好处的同时维持向后兼容,是现实的做法。

相关文章

图像格式对比 - JPEG/PNG/WebP/AVIF/GIF/BMP 的特性与适用场景

全面对比主流图像格式的特性、压缩效率和适用场景。从传统格式到新一代格式,提供基于用途的最佳选择指南。

WebP 的优势与浏览器支持 - 下一代图像格式

WebP 格式的技术优势、浏览器支持现状及迁移决策分析。涵盖压缩特性、局限性、成本效益分析及实现方案。

无损压缩与有损压缩对比 - 图像压缩方式选择指南

深入对比 PNG 无损压缩与 JPEG 有损压缩的算法原理、文件大小差异和适用场景。附带压缩率实测数据,帮助你为照片、图标和 Web 图像选择最佳方案。

图像格式的未来 - JPEG XL 和 WebP2 将如何改变 Web

深入分析下一代图像格式的技术特性与发展前景。涵盖 JPEG XL、WebP2、AVIF 的对比以及渐进式迁移策略。

图像压缩原理详解 - JPEG、PNG 和 WebP 的工作机制

通俗易懂地讲解图像压缩的工作原理。涵盖 JPEG 的 DCT 变换、PNG 的滤波与 Deflate,以及 WebP 的技术特点。

动画图像格式对比 - GIF、APNG、WebP 与 AVIF

全面比较 GIF、APNG、WebP 和 AVIF 动画格式的特性、压缩效率、浏览器支持和适用场景。

相关术语