1、图像格式概述：为什么需要轻量级格式？BMP、PNG、JPEG的痛点分析。

大家好，我是你们的老朋友。今天咱们正式开讲《轻量级图像格式实战指南》的第一章。

说实话，我入行那会儿，最头疼的就是图像格式。项目急着上线，一张图动不动几十兆，加载慢得像蜗牛。老板站在背后盯着，那滋味，啧，别提了。

所以，为什么我们需要轻量级格式？说白了，就是被逼的。你想想看，一张高清照片，如果存成BMP，可能几十MB。传到网上，用户等得黄花菜都凉了。更别提移动端，流量和内存都是真金白银。

今天，我们就来扒一扒BMP、PNG、JPEG这三尊“大神”的痛点。嗯，都是我用血泪换来的经验。

1.1 BMP：最原始的“老实人”

BMP，全称Bitmap，是Windows的亲儿子。它有多老实？像素是什么颜色，它就存什么颜色，一个字节都不带少的。

我记得刚毕业那会儿，接手一个老项目，里面全是BMP截图。一张1920x1080的图，24位真彩色，算下来多大？

1920 × 1080 × 3字节 = 6,220,800字节 ≈ 5.93 MB

对，将近6MB。这还只是一张。项目里几百张这样的图，光加载就要半分钟。

BMP的痛点：

• 体积巨大：完全不压缩，浪费存储和带宽。
• 不支持透明：没有Alpha通道，做UI切图？别想了。
• 跨平台差：虽然Windows支持好，但Web上基本没人用。

1.2 PNG：无损的“完美主义者”

PNG，Portable Network Graphics，诞生就是为了取代GIF。它支持无损压缩，还支持透明通道。听起来很完美，对吧？

但完美是有代价的。PNG的压缩算法，说白了就是“找重复”。颜色越单一，压缩率越高。但遇到照片这种色彩丰富的图，它就抓瞎了。

我做过一个实验：一张800x600的风景照，存成PNG，大小是1.2MB。同样一张图，存成JPEG（质量90%），只有200KB。差了6倍！

PNG的痛点：

• 照片压缩率低：色彩丰富时，体积比JPEG大得多。
• 解码速度慢：无损压缩算法复杂，解码比JPEG慢不少。
• 不支持动画：虽然APNG可以，但兼容性是个问题。

1.3 JPEG：有损的“实用主义者”

JPEG，全称Joint Photographic Experts Group。它是目前最流行的照片格式。为什么？因为它懂得“取舍”。

JPEG利用人眼对亮度敏感、对颜色不敏感的特点，把颜色信息压缩掉一大半。你看着好像没区别，但文件体积已经小了很多。

但JPEG也有它的“死穴”。

JPEG的痛点：

• 有损压缩：压缩率越高，画质损失越明显。尤其是文字、线条边缘，会出现“振铃效应”。
• 不支持透明：和BMP一样，没有Alpha通道。
• 不支持动画：只能存静态图。
• 多次保存画质下降：每次保存都会重新压缩，画质会越来越差。

1.4 为什么我们需要轻量级格式？

好了，现在你看到了。BMP太大，PNG对照片不友好，JPEG有损且不支持透明。那怎么办？

我们需要一种格式，它要：

1. 体积小：比PNG小，甚至比JPEG还小。
2. 画质好：尽量无损，或者肉眼看不出来。
3. 功能全：支持透明、支持动画、支持高动态范围。
4. 解码快：不能为了压缩而牺牲加载速度。

这就是我们这门课要讲的核心——轻量级图像格式。比如WebP、AVIF、HEIF、BPG等等。它们各有千秋，但目标一致：用更少的字节，承载更多的信息。

我个人习惯，现在做Web项目，首选WebP。移动端，我会考虑HEIF。但具体怎么选，怎么用，后面章节我会手把手教你。

1.5 一张表看懂三者的对比

1.6 小结

嗯，今天的内容就到这里。我们回顾一下：

• BMP是“老实人”，但体积太大，不适合网络。
• PNG是“完美主义者”，适合透明图，但照片压缩率低。
• JPEG是“实用主义者”，照片压缩好，但有损且不支持透明。

下一章，我会带大家认识第一个轻量级格式——WebP。它到底有多强？为什么Google力推它？我们到时候细聊。

记住，选对格式，事半功倍。选错了，嗯，加班的就是你。