图像可以用多种不同的格式呈现。要将图像绘制到任何 LCD 屏幕上，必须首先将它们转换为 MSP430 图形库可读取的格式。该库附带了一个 GUI，即 MSP430 图像重整工具，它会自动执行此转换操作；输出被格式化为 C 代码，并可添加到应用程序工程中。因此，该过程是自动化的。但是，开发人员了解该格式对帮助优化性能是有利的。

该库使用基于调色板的方法，其中图像中的每个像素都由通用调色板的索引表示，而不是包含颜色本身的数据。这种方法将图像分为信息部分、调色板部分和像素数据部分，每个部分都需要特定的格式才能正确读取。

图像的信息部分包含有关图像的图形库信息。该部分包含六个元素，分别用于描述：每像素位数 (BPP) 与压缩、x 大小、y 大小、调色板中的颜色数量、指向调色板部分的指针，以及指向像素数据部分的指针。无论选择哪个图像选项，库都会解读此部分以正确绘制图像。

数据的调色板部分包含特定图像中使用的所有颜色。MSP430 图形库支持 2、16 和 256 色的调色板大小。这些调色板大小对应于存储调色板索引所需的每像素位数，分别为 1bpp、4BPP 和 8bpp。每个像素的颜色以 24 位形式表示，其中红色、绿色和蓝色各 8 位。这是一种传递像素颜色信息的典型方法，看起来像 0xRRGGBB。例如，蓝色像素用 0x0000FF 表示，红色像素用 0xFF0000 表示。

像素数据部分由图像中每个像素的信息组成。此数据根据调色板的大小或每像素位数进行组织。在 8bpp 图像中，每个像素数据字节会索引到单个像素。在其他 BPP 配置中，多个像素对应一个像素数据字节。

像素矩阵的坐标系不同于标准笛卡尔坐标系。图像的像素数据从左到右跨行排序，从顶行开始向下排列。图 4-1 展示了标准 x-y 笛卡尔坐标系与像素矩阵坐标系之间的差异，其中 r 和 c 分别表示行和列。

图 4-1 图像格式 – 坐标系

图 4-2 展示了如何将图像转换为 MSP430 图形库可接受的格式。该 16 像素图像由蓝色、绿色、红色和白色各 4 个像素组成。

图 4-2 图像格式 - 16 像素图示例

在通用位图形式中，此图像由总共 48 个字节的颜色字符串表示。

将此图像转换为图形库使用的调色板和索引格式后，该格式将类似于以下调色板和像素部分。在这种形式中，图像通过使用索引来重复表示相同的颜色，从而节省空间。

上图只有四种颜色，可以使用 4BPP 而不是 8bpp 存储。这会将 8bpp 指数合并在一起，因此 1 个字节表示 2 个像素，每个像素 4 位。从 8bpp 到 4BPP 的转换会将第一行和第二行像素 0x00、0x00、0x01、0x01 转换为 0x00、0x11。第三行和第四行像素 0x02、0x02、0x03、0x03 变为 0x22、0x33。这会改变像素数据部分，如下所示。

与直接颜色字符串方法相比，调色板和索引方法节省了大量空间，尤其是在图像尺寸增加时。该图像现已针对存储大小进行了全面优化，并已从 48 字节降至 20 字节，节省了 42% 的大小。