gif 格式
現(xiàn)在使用gif的場景有很多，很多老師喜歡在課件添加 gif 圖片
在開始講gif之前，先告訴大家 gif 的格式。
請看圖片，gif 圖分為圖片文件頭（File Header），gif信息（GIF Data Stream）和文件結(jié)尾（Trailer）三個部分，最主要的是 gif 信息。gif信息是由控制塊（Control Block）和數(shù)據(jù)塊（Data Sub-blocks）組成的。
文件頭包括了GIF文件署名(Signature)和版本號(Version)，文件署名就是“gif”字符串，版本號有 87a 和 89a 兩個。表示提出的時間，但是現(xiàn)在使用的圖片格式有很多，很難說有支持現(xiàn)在全部格式的庫。
gif 信息
gif 信息包括邏輯屏幕標(biāo)識符(Logical Screen Descriptor)，全局顏色列表(Global Color Table)，圖片塊
邏輯屏幕標(biāo)識符
邏輯屏幕標(biāo)識符定義了 gif 圖片的邏輯屏幕寬度、邏輯屏幕高度，顏色深度，背景色有無全局顏色列表(Global Color Table)和顏色列表的索引數(shù)(Index Count)，請看下表
需要知道，圖片的位是反過來寫的，也就是從屏幕標(biāo)識符的第5個byte開始，第0-2位表示的是pixel（ 全局顏色列表大小，pixel+1確定顏色列表的索引數(shù)（2的pixel+1次方）），第3位是 s 分類標(biāo)志(Sort Flag)，如果置位表示全局顏色列表分類排列。然后就是 cr ，顏色深度(Color ResoluTion)，cr+1確定圖象的顏色深度。m - 全局顏色列表標(biāo)志(Global Color Table Flag)，當(dāng)置位時表示有全局顏色列表，pixel值有意義。
全局顏色列表
全局顏色列表必須緊跟在邏輯屏幕標(biāo)識符后面，每個顏色列表索引條目由三個字節(jié)組成，按R、G、B的順序排列。
看到名字可以想到，有全局顏色列表也有局部顏色表，因為一張圖像最多只會包含256個RGB值，在一張連續(xù)動態(tài)GIF里，每一幀之間信息差異不大，顏色是被大量重復(fù)使用的。在存儲時，我們用一個公共的索引表，把圖片中用到的顏色提取出來，這就是顏色列表，所以可以減少存放的數(shù)據(jù)，因為顏色需要使用 4 個 byte 來放。
假如一個圖片使用了3個顏色 x0、x1、x2 ，如果沒有使用全局顏色列表，圖片長度1000，寬度1000那么每個點都存放顏色，一個顏色需要 4 byte （rbg和透明），存放的空間就為 1000*1000*4 ，而有顏色表就直接指定顏色表的位置就可以，可以剩下3倍的空間。
圖片塊
這里就是gif 的數(shù)據(jù)，可以有很多張圖片，圖片之間存儲連續(xù)，圖片里面包括控制塊和圖片數(shù)據(jù)。
這里的圖片叫幀，他的信息包括：
幀分隔符
幀數(shù)據(jù)說明
點陣數(shù)據(jù)（它存儲的不是顏色值，而是顏色索引）
幀數(shù)據(jù)擴(kuò)展(只有89a標(biāo)準(zhǔn)支持）
圖片的控制塊包括圖片的圖象標(biāo)識符、圖象的性質(zhì)，一共需要10字節(jié)，請看下面
m - 局部顏色列表標(biāo)志(Local Color Table Flag) 置位時標(biāo)識緊接在圖象標(biāo)識符之后有一個局部顏色列表，供緊跟在它之后的一幅圖象使用；值否時使用全局顏色列表，忽略pixel值。
i - 交織標(biāo)志(Interlace Flag)，置位時圖象數(shù)據(jù)使用連續(xù)方式排列，否則使用順序排列。
s - 分類標(biāo)志(Sort Flag)，如果置位表示緊跟著的局部顏色列表分類排列.
r - 保留，必須初始化為0.
pixel - 局部顏色列表大小(Size of Local Color Table)，pixel+1就為顏色列表的位數(shù)
和全局顏色列表不相同的，局部顏色列表需要有 x 方向偏移、y 方向偏移、圖象寬度、圖象高度
圖片塊包括圖片數(shù)據(jù)和圖形控制擴(kuò)展。
圖形控制擴(kuò)展(Graphic Control Extension)
包括
擴(kuò)展塊標(biāo)識 Extension Introducer - 標(biāo)識這是一個擴(kuò)展塊，固定值0x21
圖形控制擴(kuò)展標(biāo)簽 Graphic Control Label - 標(biāo)識這是一個圖形控制擴(kuò)展塊，固定值0xF9
塊大小 Block Size - 不包括塊終結(jié)器，固定值4
處置方法
i - 用戶輸入標(biāo)志(Use Input Flag)：指出是否期待用戶有輸入之后才繼續(xù)進(jìn)行下去，置位表示期待，值否表示不期待。用戶輸入可以是按回車鍵、鼠標(biāo)點擊等，可以和延遲時間一起使用，在設(shè)置的延遲時間內(nèi)用戶有輸入則馬上繼續(xù)進(jìn)行，或者沒有輸入直到延遲時間到達(dá)而繼續(xù)
t - 透明顏色標(biāo)志(Transparent Color Flag)：置位表示使用透明顏色
延遲時間 Delay Time - 單位1/100秒，如果值不為1，表示暫停規(guī)定的時間后再繼續(xù)往下處理數(shù)據(jù)流
透明色索引 Transparent Color Index - 透明色索引值
塊終結(jié)器 Block Terminator - 標(biāo)識塊終結(jié)，固定值0
處置方法(Disposal Method)：指出處置圖形的方法，當(dāng)值為：
0 - 不使用處置方法
1 - 不處置圖形，把圖形從當(dāng)前位置移去
2 - 回復(fù)到背景色
3 - 回復(fù)到先前狀態(tài)
4-7 - 自定義
處置方法、i、t 在一個byte，其中第0bit為t，bit1為i，bit2-4處置方法
所有的控制都可以這樣跳過，先讀byte0，是否是擴(kuò)展塊，固定值0x21，然后讀取byte1，可以知道是什么控制。接著就是讀取長度byte2，跳過他就可以拿到下一個數(shù)據(jù)塊或控制。如果拿到數(shù)據(jù)塊，那么數(shù)據(jù)塊byte0就是表示數(shù)據(jù)長度，跳過他就可以拿到下一個數(shù)據(jù)塊或控制。
byte0 擴(kuò)展塊
byte1 信息
byte2 信息長度
byte n n的大小為信息長度+2，這是塊終結(jié)器。
讀取到 byte n 下一個就可以重復(fù)判斷是擴(kuò)展塊還是數(shù)據(jù)。
圖片數(shù)據(jù)
圖片數(shù)據(jù)如下
編碼長度 LZW Code Size - LZW壓縮的編碼長度，也就是要壓縮的數(shù)據(jù)的位數(shù)
… 數(shù)據(jù)塊開始
塊大小 數(shù)據(jù)塊，如果需要可重復(fù)多次
編碼數(shù)據(jù)
… 數(shù)據(jù)塊結(jié)束
塊終結(jié)器 - 一個圖象的數(shù)據(jù)編碼結(jié)束，固定值0
因為gif使用lzw壓縮算法，所以解析gif需要先解析lzw，然后就可以得到圖片的數(shù)據(jù)。
gif 會把相同的圖片作為索引，放在lzw，之后相同的數(shù)據(jù)就使用索引拿到，這樣可以減少文件大小。
關(guān)于 lzw，請看 http://blog.csdn.net/abcjennifer/article/details/7995426
本文的格式大部分參考 http://www.cnblogs.com/think/archive/2006/04/12/372942.html
關(guān)于 gif 解析請看
wpf 如何使用 Magick.NET 播放 gif 圖片
wpf GifBitmapDecoder 解析 gif 格式
gif的故事：解剖表情動圖的構(gòu)成
一個 gif 解析的方法 https://github.com/vurdalakov/abandoned/tree/master/gifdotnet/src/GifDotNet
我搭建了自己的博客 https://blog.lindexi.com/ 歡迎大家訪問，里面有很多新的博客。只有在我看到博客寫成熟之后才會放在csdn或博客園，但是一旦發(fā)布了就不再更新
如果在博客看到有任何不懂的，歡迎交流，我搭建了 dotnet 職業(yè)技術(shù)學(xué)院 歡迎大家加入
本作品采用知識共享署名-非商業(yè)性使用-相同方式共享 4.0 國際許可協(xié)議進(jìn)行許可。歡迎轉(zhuǎn)載、使用、重新發(fā)布，但務(wù)必保留文章署名林德熙(包含鏈接:http://blog.csdn.net/lindexi_gd )，不得用于商業(yè)目的，基于本文修改后的作品務(wù)必以相同的許可發(fā)布。如有任何疑問，請與我聯(lián)系。
總結(jié)
- 上一篇： nextcloud开放注册-添加注册功能
- 下一篇： 怎么创建具有真实纹理的CG场景岩石？