• 欢迎加“百元导航”为主页,windows8风格,0.3s极速加载
  • 王柏元的博客专用搜索引擎:极客人,就用“极客搜”!
  •    3个月前 (12-30)  算法语言 |   抢沙发  55 
    文章评分 0 次,平均分 0.0

    一、BMP文件格式详解(BMP file format)

    BMP文件格式,又称为Bitmap(位图)或是DIB(Device-Independent Device,设备无关位图),是Windows系统中广泛使用的图像文件格式
    下面以Notepad++为分析工具,结合Windows的位图数据结构对BMP文件格式进行一个深度的剖析。
    BMP文件的数据按照从文件头开始的先后顺序分为四个部分:

    bmp文件头(bmp file header):提供文件的格式、大小等信息
    位图信息头(bitmap information):提供图像数据的尺寸、位平面数、压缩方式、颜色索引等信息
    调色板(color palette): 可选,如使用索引来表示图像,调色板就是索引与其对应的颜色的映射表
    Ø 位图数据(bitmap data):就是图像数据啦^_^
    下面结合Windows结构体的定义,通过一个表来分析这四个部分。

    Ruby解析bmp文件及图片处理算法(一)

    BMP文件数据结构

    我们一般见到的图像以24位图像为主,即R、G、B三种颜色各用8个bit来表示,这样的图像我们称为真彩色,这种情况下是不需要调色板的,也就是所位图信息头后面紧跟的就是位图数据了。因此,我们常常见到有这样一种说法:位图文件从文件头开始偏移54个字节就是位图数据了,这其实说的是24或32位图的情况。这也就解释了我们按照这种程序写出来的程序为什么对某些位图文件没用了。

    BMP文件头数据结构

    Ruby解析bmp文件及图片处理算法(一)

    Paste_Image.png

    位图信息头数据结构

    Ruby解析bmp文件及图片处理算法(一)

    位图信息头数据结构

    位图数据

    每个像素占一个字节,取得这个字节后,以该字节为索引查询相应的颜色,并显示到相应的显示设备上就可以了。

    注意:由于位图信息头中的图像高度是正数,所以位图数据在文件中的排列顺序是从左下角到右上角,以行为主序排列的。

    Ruby解析bmp文件及图片处理算法(一)

    也即我们见到的第一个像素60是图像最左下角的数据,第二个人像素60为图像最后一行第二列的数据,…一直到最后一行的最后一列数据,后面紧接的是倒数第二行的第一列的数据,依此类推。

    • 如果图像是24位或是32位数据的位图的话,位图数据区就不是索引而是实际的像素值了。下面说明一下,此时位图数据区的每个像素的RGB颜色阵列排布:
    • 24位RGB按照BGR的顺序来存储每个像素的各颜色通道的值,一个像素的所有颜色分量值都存完后才存下一个下一个像素,不进行交织存储。
    • 32位数据按照BGRA的顺序存储,其余与24位位图的方式一样。
      像素的排布规则与前述一致。

    对齐规则

    讲完了像素的排列规则以及各像素的颜色分量的排列规则,最后我们谈谈数据的对齐规则。我们知道Windows默认的扫描的最小单位是4字节,如果数据对齐满足这个值的话对于数据的获取速度等都是有很大的增益的。因此,BMP图像顺应了这个要求,要求每行的数据的长度必须是4的倍数,如果不够需要进行比特填充(以0填充),这样可以达到按行的快速存取。这时,位图数据区的大小就未必是 图片宽×每像素字节数×图片高 能表示的了,因为每行可能还需要进行比特填充。
    填充后的每行的字节数为:

    Ruby解析bmp文件及图片处理算法(一)

    ,其中BPP(Bits Per Pixel)为每像素的比特数。
    在程序中,我们可以表示为:
    int iLineByteCnt = (((m_iImageWidth * m_iBitsPerPixel) + 31) >> 5) << 2;
    这样,位图数据区的大小为:
    m_iImageDataSize = iLineByteCnt * m_iImageHeight;
    我们在扫描完一行数据后,也可能接下来的数据并不是下一行的数据,可能需要跳过一段填充数据:
    skip = 4 - ((m_iImageWidth * m_iBitsPerPixel)>>3) & 3;

    二、Ruby实现BMP图片的解析

    根据上面的BMP图片格式的介绍,我可以写出以下Ruby代码。

     

    file对象中的read(length)是从文件指针开始读出length个字节的数据,数据类型是字符串,通过unpack函数,我们可以通过传入unpack参数解析出bmp图片的数据结构。

    @file.read(14).unpack('a2LS2L')为例,根据上面的BMP文件数据结构的分析,read(14)是读出bmp文件的前14个字节的文件头,参数'a2LS2L'可以将14个字节的数据解析为 两个字符(1*2字节)、一个Long型(1*8字节)、两个Short型(2*2字节),分别取出bmp图片的文件类型(“BM”)、文件大小、两个保留字段、 图像数据偏移量(@imageDataSize)

    Ruby解析bmp文件及图片处理算法(一)

    Paste_Image.png

    [email protected],解析为字符数组,里面除了一些因对齐规则以外的数据都是图片的数据;

     

    如果是24位BMP图片,那么每个像素占据三个字节,分别为RGB中的B、G、R值
    以一个height=2,width=2的图片为例,其图片数据部分转成单字节数组如下:

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
    124 254 258 123 212 21 221 56 107 204 251 100 52 100 111 59

    其中每一行的无效数据:skipByteALine = 4 - ((2 * 24)>>3) & 3=2

    为了更形象地表示图片像素与RGB数据的对应关系,在此我以二维矩阵的方式展示上面的一维数组:

    Ruby解析bmp文件及图片处理算法(一)

    Paste_Image.png

    由于对齐原则,第一行的7 、8,第二行的15、16元素将被丢弃。

    基于以上考虑,可以通过以下Ruby代码获取指定像素位置的RGB值

     

    通过以下Ruby代码设置指定像素位置的RGB值

     

    三、Ruby处理图片

    通过上面介绍的setRGB和getRGB方法来修改bmp的图片数据字节数组,我们就可以对bmp的指定像素进行操作了,下面介绍将图片灰度化:

     

    上面的代码我取得所有像素的RGB,然后求出R、G、B值的平均值,RGB值三值相同时像素呈现为灰色
    上面的操作只会修改图像数据字节数组,修改完毕需要保存到磁盘,保存方法如下:

     

    原图:

    Ruby解析bmp文件及图片处理算法(一)

    raw.jpg

    处理效果:

    Ruby解析bmp文件及图片处理算法(一)

    out_grey.jpg

    下篇文章我将介绍二值化浮雕滤镜底片滤镜等图像处理算法
    预览:

    Ruby解析bmp文件及图片处理算法(一)

    Paste_Image.png

    项目主页

    geekeren/RubyImageProcess

     

    参考文章

    http://blog.csdn.net/hzqnju/article/details/5927825
    http://www.jianshu.com/p/30fbaab6d0a6
    http://blog.csdn.net/hxker/article/details/50013303
    http://blog.csdn.net/o_sun_o/article/details/8351037

      
     

    王柏元的博客著作权保留,转载请注明出处http://wangbaiyuan.cn/ruby-parser-bmp-file-image-processing-algorithm-on.html,如果你觉得这篇文章对你有用,可以点击下面的“赞助作者”打赏作者!

    关于
    记录生活,镌刻心路;泼洒文墨,分享技术!王柏元的博客致力于IT经验交流,并原创翻译引进外文文章,打开IT国际化视野

    发表评论

    格式

    暂无评论

    登录

    忘记密码 ?

    您也可以使用第三方帐号快捷登录

    切换登录

    注册