【笔记】位图（.bmp）和矢量图（Vector）：位图是点阵图或光栅图，使用像素的一格一格来描述图像，放大以后每一个像素看就像是一个个的马赛克；矢量图是使用直线和曲线来描述图形，可以无限方法，不会失真[通俗易懂]

一、什么是位图

计算机能以位图和矢量图格式显示图像。

1、位图(Bitmap)：

图像又称点阵图或光栅图，它使用我们称为像素(象素，Pixel)的一格一格的小点来描述图像。计算机屏幕其实就是一张包含大量像素点的网格。当我们把位图放大时，每一个像素小点看上去就像是一个个马赛克色块。

2、矢量图(Vector)

使用直线和曲线来描述图形，这些图形的元素是一些点、线、矩形、多边形、圆和弧线等等，它们都是通过数学公式计算获得的。

位图和矢量图最简单的区别就是：矢量图可以无限放大，而且不会失真；而位图则不能。

像Photoshop(PS)这样主要用于处理位图的软件，我们称之为图像处理软件；专门处理矢量图的软件，我们称之为图形设计软件，例如Adobe Illustrator，CorelDRAW，Flash MX等。

二、BMP位图文件

常见的图像文件格式有：BMP、JPG(JPE,JPEG)、GIF等。

BMP图像文件(Bitmap-File)格式是Windows采用的图像文件存储格式，在Windows环境下运行的所有图像处理软件都支持这种格式。Windows 3.0以后的BMP文件都是指设备无关位图(DIB，device-independent bitmap)。BMP位图文件默认的文件扩展名是.BMP，有时它也会以.DIB或.RLE作扩展名。

注：本文采用lena.bmp（512×512）做例子：

1、BMP文件结构

BMP文件由4部分组成：

1.   位图文件头(bitmap-file header)

2.   位图信息头(bitmap-informationheader)

3.   颜色表(color table)

4.   颜色点阵数据(bits data)

24位真彩色位图没有颜色表，所以只有1、2、4这三部分。

————————————————————————————————————————————————

看图像属性，位深度，如果是24，就说明图片是24位真彩色

————————————————————————————————————————————————

用UltraEdit打开lena.bmp，可以看到这个文件的全部数据如下图所示：

1、1位图文件头（BITMAPFILEHEADER）

位图文件头分4部分，共14字节：

注意，Windows的数据是倒着念的，这是PC电脑的特色。如果一段数据为50 1A 25 3C，倒着念就是3C 25 1A50，即0x3C251A50。因此，如果bfSize的数据为36 00 0C 00，实际上就成了0x000C0036，也就是0xC0036。

1、2位图信息头（BITMAPINFOHEADER ）

位图信息头共40字节：

作为真彩色位图，我们主要关心的是biWidth和biHeight这两个数值，两个数值告诉我们图像的尺寸。biSize，biPlanes，biBitCount这几个数值是固定的。想偷懒的话，其它的数值可以一律用0来填充。

1、3颜色表

24位真彩色位图没有颜色表。为了简化，只讨论24位真彩色位图。

1、4颜色点阵数据

位图全部的像素，是按照自下向上，自左向右的顺序排列的。

RGB数据也是倒着念的，原始数据是按B、G、R的顺序排列的。

三、Photoshop和Windows的BMP文件比较

Windows的BMP文件最后少了两个0字节，没有整体补位。bfSize(文件大小)，biSizeImage(全部像素大小)也相应地减去2。

打开Photoshop，新建一个尺寸为2*3像素的文件：

放大图片到最大（1600%），然后用铅笔工具对每个像素都点一个不同颜色的点，如下图所示：

储存这个文件为BMP格式，文件名为“MyBmp.bmp”，在BMP选项中选择Windows，24位：

你应该注意到图中用黑色框起来的00 00了，在每行颜色的末尾添加的两个0字节，是为了行补位。为什么要行补位呢？因为32位的Windows操作系统处理4个字节(32位)的速度比较快，所以BMP的每一行颜色占用的字节数规定为4的整数倍。MyBmp.bmp中一行颜色有两个像素，共占用6字节，如果要补齐4*2=8字节，就要再加两个0字节。

行补位的公式为：widthBytes = (width*biBitCount+31)/32*4

参数说明：

Width：位图的实际宽度

biBitCount：每个像素的位数

1-黑白图，4-16色，8-256色，24-真彩色

注：Phtoshop在文件的末尾还补充了两个0字节，好像是要整体补位。不过我看过的BMP资料中都没有提到还要整体补位的，其它软件生成的BMP文件也没有整体补位的，这看起来像是Adobe的独创，不知道目的何在。

PS：文章最后注的内容将由下篇文章解释

———————————————————————————————————————————————————————-

from：BITMAPFILEHEADER、BITMAPINFOHEADER及BMP结构详解 – 荔枝林 – 博客园

BITMAPFILEHEADER、BITMAPINFOHEADER及BMP结构详解

位图BITMAPINFOHEADER 与BITMAPFILEHEADER：

先来看BITMAPINFOHEADER，只写几个主要的

    biSize包含的是这个结构体的大小（包括颜色表）

    biWidth和biHeight分别是图片的长宽

    biPlanes是目标绘图设备包含的层数，必须设置为1

    biBitCount是图像的位数，例如24位，8位等

    biXPelsPerMeter， biYPelsPerMeter 是现实世界中每米包含的像素数 设为3780即可

    biSizeImage 图像数据的大小 = biWidth X biHeight X biBitCount

    ———————————————————————————

    再看 BITMAPFILEHEADER

    bfType  图片的类型 必须是BM 填0x4d42即十进制的19778

    bfOffBits 从文件头开始到颜色数据的偏移量  54+sizeof(RGBQUAD)*256

    bfSize  图片的大小，bfOffBits + 长 X 宽 X 位数  例如对于128X128X24位的图像  bfSize=128X128X24 + 54+sizeof(RGBQUAD)*256

    bfReserved1和bfReserved1必须为0

BMP文件结构及其存取

数字图像在外存储器设备中的存储形式是图像文件，图像必须按照某个已知的、公认的数据存储顺序和结构进行存储，才能使不同的程序对图像文件顺利进行打开或存盘操作，实现数据共享。图像数据在文件中的存储顺序和结构称为图像文件格式。目前广为流传的图像文件格式有许多种，常见的格式包括BMP、 GIF、JPEG、TIFF、PSD、DICOM、MPEG等。在各种图像文件格式中，一部分是由某个软硬件厂商提出并被广泛接受和采用的格式，例如 BMP、GIF和PSD格式；另一部分是由各种国际标准组织提出的格式，例如JPEG、TIFF和DICOM，其中JPEG是国际静止图像压缩标准组织提出的格式，TIFF是由部分厂商组织提出的格式，DICOM是医学图像国际标准组织提出的医学图像专用格式。

BMP文件是Windows操作系统所推荐和支持的图像文件格式，是一种将内存或显示器的图像数据不经过压缩而直接按位存盘的文件格式，所以称为位图（bitmap）文件，因其文件扩展名为BMP，故称为BMP文件格式，简称BMP文件。本书对图像的算法编程都是针对BMP图像文件的，因此在本章中我们详细介绍BMP文件结构及其读写操作，以加深对图像数据的理解。

继续分析接下来的数据，根据BMP文件结构的定义，接下来的数据是位图信息头，cat2.bmp图像文件的位图信息头的内容如图5-5所示。

表5-7所示为cat2.bmp图像文件中位图信息头各字段的含义。

表5-7 cat2.bmp图像文件中位图信息头各字段的含义

继续分析接下来的数据，根据BMP文件结构的定义，因为cat2.bmp图像是256色的位图，所以应该有256个调色板，每个调色板占4字节，整 个调色板一共1024字节大小。 cat2.bmp图像文件的调色板数据如图5-6和图5-7所示。

从图5-6和图5-7中可以看出，cat2.bmp图像的调色板地址从00000036h开始到00000435h结束，即00000435h – 00000036h + 1 =400h = 1024 bytes。

如果想查看cat2图像的调色板对应的实际显示颜色，可以使用Adobe Photoshop CS打开cat2.bmp，在Adobe Photoshop CS的菜单栏中选择”图像”→”模式”→”颜色表”，即可观看cat2的调色板，如图5-8所示。

图5-8所示cat2.bmp的调色板颜色和图5-6中的十六进制数据是一一对应的。在Adobe Photoshop CS的调色板上单击任何一个像素的颜色即可弹出一个拾色器对话框显示该像素颜色的详细组成信息。cat2.bmp调色板和cat2.bmp的十六进制数据 的对应关系如图5-9所示。

继续分析接下来的数据，根据BMP文件结构的定义，如果一个图像有调色板，那么紧跟在调色板后面的是图像的数据，这些数据不是实际的颜色值，而是指 向调色板数组的索引，根据索引来获取调色板中的颜色，如图5-10所示。

因为cat2.bmp是256色的位图，即采用了8位色深作为指向调色板数组的索引，所以根据图5-10中显示的数据可以得知：49 49 49 B1 49 49 49 49 49 99。表示cat2.bmp位图左下角第1个像素的颜色等于调色板[49]；第2个像素的颜色等于调色板[49] ；第3个像素的颜色等于调色板[49] ；第4个像素的颜色等于调色板[B1]；第5个像素的颜色等于调色板[49] ……依此类推。

cat1.bmp图像是24位色图像，根据BMP文件结构定义得知，cat1.bmp图像没有调色板，图像数据存储的是实际的颜色数据，每个像素用 3字节表示，分别是红绿蓝。由于cat1.bmp和cat2.bmp的位图文件头和位图信息头结构一样，所以cat1.bmp的位图文件头和位图信息头可 以参考上面对cat2.bmp的分析，下面从cat1.bmp的位图信息头结束的位置开始分析，如图5-11所示。

从图5-11可以看到表示每个像素的红绿蓝三色的值，实际存放的时候是倒过来存放的，在分析BMP图像格式时需要注意这点。

通过上面对BMP文件存储结构的分析发现，BMP文件的位图文件头和位图信息头存在着大量的重复数据。如果存储大量同一色深的BMP位图，必然会浪 费大量存储空间，所以很多时候游戏编程人员都会去掉BMP文件头和信息头，只保留几个必要的信息和图像数据，那么BMP文件头和信息头中哪几个字段是必须 保留的呢？

使用Winhex的文件比较功能比较两个24位色深的BMP图像文件，观察两个文件的文件头和信息头有什么不同的地方，如图5-12所示。

从图5-12可以看出，两个色深相同的BMP图像的文件头和信息头一共有4处不同的地方，分别是文件头的文件大小、信息头的图像宽度、图像高度和图 像数据大小。

所以很多时候，游戏编程人员只保留图像文件的文件大小、图像宽度、图像高度和图像数据大小信息，甚至有时不需要保留文件大小这个数值，使用图像数据大小数值即可。

在分析未知文件存储格式时，如果遇到去掉了文件头的文件时，如上面所说的BMP文件，会给分析未知文件格式带来一定的困难。这时需要使用十六进制编 辑器的文件比较功能，观察两个同类的未知文件格式寻找某些潜在的规律，如果实在观察不出规律的，那只能使用白盒分析方法，对调用此未知文件格式的程序进行反汇编跟踪调试了。当然，有时灵感和运气也很重要。

———————————————————————————————————————————————————————

from：位图文件大小的精准计算方法 – zihol – 博客园

位图文件大小的精准计算方法

   8位（bit）位图：彩色版中有2^8=256种颜色，具体哪256种颜色可由调色板灵活规定，因此每个像素点最多有256种情况（颜色），故刚好可用两位十六进制码（16^2=256）表示，占1字节。

一幅512×512的8位位图大小计算方法：位图文件头（14字节00000000h开始到0000000Dh）+位图信息头（40字节0000000Eh开始到00000035h）+调色板（256×彩色表4字节 00000036h开始到00000435h）+实际像素点占内存（512×512×1字节）=263 222字节（Byte）。

      24位位图：又名RGB真彩色图，含2^24=16 777 216=16M色，没有彩色表，原因上文已说明。每个像素点由3个字节（十六进制码6位）表示，每个字节负责控制一种颜色，分别为蓝（Blue）、绿（Green）、红（Red）。为什么每种颜色用1个字节控制呢？我们知道，图像中任何颜色都是由蓝、绿、红混合而成，而在24位位图中这三种颜色的跨度（深度）分别为256=2^8，占二进制8bit=1字节，故蓝、绿、红刚好可用1个字节表示。那么每个像素点可能的颜色就有256×256×256=2^24种。

一幅256×256的24位位图大小计算方法：位图文件头（14字节00000000h开始到0000000Dh）+位图信息头（40字节0000000Eh开始到00000035h）+实际像素点占内存（256×256×3字节）=196 662字节（Byte）。    

需要注意的是，Windows有“补零”的习惯！即要求位图的每一行像素所占字节数必须被4整除。若不能倍4整除，则在该位图每一行的十六进制码末尾“补”1至3个字节的“00”。

例如：一幅宽253×高256的24位位图，微软在生成该图为实际文件时，计算每一行像素所占字节=宽253×3字节=759字节，检验其被4除余1，则在每行的十六进制码末尾加1个字节，补“00”，变为760字节。因此我们计算该图大小时应先判断是否“补零”，再得出算法：该图大小=位图文件头（14字节）+位图信息头（40字节）+实际像素点占内存（高256×每行760字节）=194614字节（Byte）。     有趣的是，“补零”只针对位图的宽进行检验，一幅宽256×高253的24位位图，其大小=位图文件头（14字节）+位图信息头（40字节）+实际像素点占内存（高253×每行768字节）=194358字节（Byte）< 196 662字节（Byte）。这样，只是把此图像的宽和高颠倒，图像所占内存竟然变小了。

今天的文章【笔记】位图（.bmp）和矢量图（Vector）：位图是点阵图或光栅图，使用像素的一格一格来描述图像，放大以后每一个像素看就像是一个个的马赛克；矢量图是使用直线和曲线来描述图形，可以无限方法，不会失真[通俗易懂]分享到此就结束了，感谢您的阅读。