GIF（图片格式）

GIF（图片格式）

GIF （图片格式） 次浏览 | 2022.08.05 12:34:58 更新 来源 ：互联网 精选百科 本文由作者推荐 GIF图片格式

GIF(Graphics Interchange Format)的原义是“图像互换格式”，是CompuServe公司在1987年开发的图像文件格式。GIF文件的数据，是一种基于LZW算法的连续色调的无损压缩格式。其压缩率一般在50%左右，它不属于任何应用程序。目前几乎所有相关软件都支持它，公共领域有大量的软件在使用GIF图像文件。GIF图像文件的数据是经过压缩的，而且是采用了可变长度等压缩算法。GIF格式的另一个特点是其在一个GIF文件中可以存多幅彩色图像，如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上，就可构成一种最简单的动画。

GIF格式自1987年由CompuServe公司引入后，因其体积小而成像相对清晰，特别适合于初期慢速的互联网，而从此大受欢迎。它采用无损压缩技术，只要图像不多于256色，则可既减少文件的大小，又保持成像的质量。（当然，现在也存在一些hack技术，在一定的条件下克服256色的限制，具体参见真彩色）然而，256色的限制大大局限了GIF文件的应用范围，如彩色相机等。（当然采用无损压缩技术的彩色相机照片亦不适合通过网络传输。）另一方面，在高彩图片上有着不俗表现的JPG格式却在简单的折线上效果难以差强人意。因此GIF格式普遍适用于图表，按钮等等只需少量颜色的图像（如黑白照片）。

中文名

图像互换格式

外文名

GIF

出品公司

CompuServe

分类

静态GIF|动画GIF

开发时间

1987年

发明者

Steve Wilhite

历史

在早期，GIF所用的LZW压缩算法是Compurv所开发的一种免费算法。然而令很多软件开发商感到意外的是，GIF文件所采用的压缩算法忽然成了Unisys公司的专利。据Unisys公司称，他们已注册了LZW算法中的W部分。如果要开发生成（或显示）GIF文件的程序，则需向该公司支付版税。由此，人们开始寻求一种新技术，以减少开发成本。PNG（Portable Network Graphics，便携网络图形）标准就在这个背景下应运而生了。它一方面满足了市场对更少的法规限制的需要，另一方面也带来了更少的技术上的限制，如颜色的数量等。

在2003年6月20日，LZW算法在美国的专利权已到期而失效。在欧洲、日本及加拿大的专利权亦已分别在2004年的6月18日、6月20日和7月7日到期失效。尽管如此，PNG文件格式凭着其技术上的优势，已然跻身于网络上第三广泛应用格式。与GIF相关的专利于2006年8月11日过期。

格式分类

GIF分为静态GIF和动画GIF两种，扩展名为.gif，是一种压缩位图格式，支持透明背景图像，适用于多种操作系统，“体型”很小，网上很多小动画都是GIF格式。其实GIF是将多幅图像保存为一个图像文件，从而形成动画，最常见的就是通过一帧帧的动画串联起来的搞笑gif图，所以归根到底GIF仍然是图片文件格式。但GIF只能显示256色。和jpg格式一样，这是一种在网络上非常流行的图形文件格式。

GIF主要分为两个版本，即GIF 89a和GIF 87a

GIF 87a：是在1987年制定的版本

GIF 89a：是1989年制定的版本。在这个版本中，为GIF文档扩充了图形控制区块、备注、说明、应用程序编程接口等四个区块，并提供了对透明色和多帧动画的支持

GIF格式自1987年由CompuServe公司引入后，因其体积小而成像相对清晰，特别适合于初期慢速的互联网，而从此大受欢迎。它采用无损压缩技术，只要图像不多于256色，则可既减少文件的大小，又保持成像的质量。（当然，现在也存在一些hack技术，在一定的条件下克服256色的限制，具体参见真彩色）然而，256色的限制大大局限了GIF文件的应用范围，如彩色相机等。（当然采用无损压缩技术的彩色相机照片亦不适合通过网络传输。）另一方面，在高彩图片上有着不俗表现的JPG格式却在简单的折线上效果差强人意。因此GIF格式普遍适用于图表，按钮等等只需少量颜色的图像（如黑白照片）。

格式语法

语法是用来表达序列的一种符号形式，并用这个表达序列中的一些对象来形成更大的对象。语法也用于表达在给定的位置出现对象的数目。在此给出的语法用来说明形成gif数据流的块序列，用一些规则列表来表达。下面列出用于gif语法的符号定义。

图例：<>语法词

::=符号定义

*0个或更多的事件发生

+1个或更多的事件发生

|替代元素

[]可选元素

gif语法的符号定义:

::=头部<；逻辑视屏><；数据>*尾记录

这个规则将；实体定义如下。它必须以头部开始，头部后面接一个逻辑视屏实体，该实体要用其他规则来定义。最后，数据实体接结束符。数据实体后面的*表示数据实体可以在此位置出现0或多次。

::=头部<；逻辑视屏><；数据>*尾记录

<；逻辑视屏>::=逻辑视屏描述块[全局色表]

<；数据>::=<；成象块>|<；特殊用途块>

<；成象块>::=[图象控制扩充]<；成象块>

<；成象块>::=<；基于表的图象>|纯文本扩充

<；基于表的图象>::=图象描述符[局部色表]图象数据

<；特殊用途块>::=应用扩充|注释扩充

gif数据流中的数据块可以分为三组：控制块、成象块和特殊用途块。

控制块，如：头部、逻辑视屏描述块、图像控制扩充和尾记录，包含用于控制处理数据流或设置硬件参数的信息。

成像块，如：图像描述符和纯文本扩充，包含用于在显示设备上成像的信息和数据。

特殊用途块，如：注释扩充和应用扩充，包含那些既不用于处理数据流也不用于在显示设备上成象的信息。

除了逻辑视屏描述块和全局色表之外，特殊用途块的作用域是整个数据流，而其他控制块的作用域是有限的，仅限于对他们后面的成象块起作用。特殊用途块不对任何控制块构成限制，它对于解码过程来说是透明的。成象块及扩充用于控制块及扩充的作用域限定。块的标记分为三段：除尾记录0x3b之外，0x00～0x7f用于成象块；0x80～0xf9用于控制块；0xfa～0xff用于特殊用途块。解码器通过识别块标记来处理块的作用域。

解释

色表-gif格式利用色表来显示基于光栅的图像。色表分为全局色表和局部色表。全局色表对于那些没有设置局部色表的图像起作用。全局色表的作用域是整个数据流。局部色表对于紧接在其后的单张图像起作用。这两种色表都是可选的。[1]

/*

全局色表这东西是我们感兴趣的东西，它有点像png格式定义种的调色板，如果要修改gif图片的颜色，哈哈，修改这个全局色表就可以.如果有全局色表块，那么它一定从gif流的14个字节开始（头部6个+逻辑视频描述块7个）。

*/

以下是各数据块的说明，如果注明为版本89a的话，则说明这个数据块不会在87a版的协议中出现.

头部（6个字节）

标识符(3字节）---GIF

版本（3字节）---87a(or 89a)

逻辑视屏描述块

逻辑屏幕宽（2字节）

逻辑屏幕高（2字节）

Packed Fields(1字节）

背景色索引（1字节）

象素高宽比（1字节）

Packed Fields说明：

全局色表标志1Bit

颜色方案3Bits

短标志1Bit

全局色表尺寸3Bits

解释：

背景颜色索引-为背景颜色指向全局色表。背景颜色是指那些没有背图像复盖的视屏部分的颜色。若全局色表标志位置为0，则该字段也被值0，并且被忽略。

象素高宽比-用于计算原图像中像素的近似高宽比。如果该字段的值为非0，则象素的高宽比由下面的公式计算：

高宽比=（象素高宽比+15)/64

该字段的取值范围从最宽的比值4：1到最高的比值1：4，递增的步幅为1/64。

取值：0-没有比值，1～255-用于计算的值。

全局色表标志-指示有没有全局色表，如果该标志位置1，则全局色表会紧接在该块之后出现。该位也用于解释是否选用背景颜色索引字段。若该位置1，则背景颜色索引字段的值将指向背景颜色表。

色彩方案-提供给原始图像的每个颜色的位数减1。这个值代表图像中所使用的整个调色板的大小，而不是图像中所使用的颜色的数量。例如，若该字段的值为3，则图像中所使用的调色板的每个色值占4位。

短标志-表明全局色表是否被排序。如果该位置1，则全局色表按照重要性递减的原则进行了排序。典型地，是按照颜色的使用频度进行递减排序，使用频度最高的颜色排在色表的最前面。这样便可帮助解码器选择最好的颜色子集来成象。

全局色表的尺寸-如果全局色表标志位置1，则该字段的值记录全局色表中所占用的字节数。

全局色表

该块包含一个按照字节顺序表示红-绿-蓝三元色的色表。全局色表用于那些没有局部色表的图像和纯文本扩充。在逻辑视屏描述块中的全局色表标志位置1时表示有全局色表。全局色表紧接在逻辑视屏描述块之后，占用的字节数为：

3*2^（全局色表尺寸+1）

数据组成格式为：

Red 0

Green 0

Blue 0

……

Red n

Green n

Blue n

图像控制扩充（版本-89a)

图像控制扩充包含在处理一个成象块时所需的参数。扩充只包括一个数据子块。该块是可选的。通常只有一个图像控制扩充在成象块之前。这也是在一个数据流中对成象控制扩充的唯一限制。

数据组成格式为：

扩充导入符（1字节）

图象控制标记（1字节）

块尺寸（1字节）

Packed Fields(1字节）

延长时间（2字节）

透明颜色索引（1字节）

块结束（1字节）

Packed Fields说明：

保留3Bits

配置方法3Bits

用户输入标志1Bit

透明颜色标志1Bit

解释：

扩充引入-用于识别一个扩充块的开始，该字段为固定值0x21。

图像控制标号-识别当前块是否为图形控制扩充。该字段为固定值0xF9。

块尺寸-块中所包含的字节数。从块尺寸字段开始到快结束符（不含结束符）。该字段包含固定值4。

配置方法-指示图像显示后的处理方法。值：

0-无指定的配置，解码器不需要做任何处理。

1-不做配值。图像将被留在原位置。

2-恢复背景颜色。图像所占的区域必须备恢复为背景颜色。

3-恢复以前的颜色。解码器需要将图像区域恢复为原来成象的颜色。

4-7-未定义。

用户输入标志-说明在继续处理之前是否需要用户输入。可以和输入延时一起使用。

透明标志-表明在透明索引字段是否给定透明索引。

延时-如果不为0，该字段指定以1/100秒为单位的时延数。

透明索引-如果遇到透明索引，则显示设备的相关象素不被改变，继续处理下一个象素。

块终止符-这个0长度字段标志着图像控制扩充得结束。

图像描述符

每一幅图像必须在逻辑视屏描述块中所定义的逻辑视屏界限之内。图像描述符包含处理一个基于图像的表的必要参数。在这个块中给定的坐标是参照逻辑视屏的像素坐标。该块是一个成象块，在其前面可以选择加上一个或多个控制块，如：图像控制扩充，或者是后面接有局部色表；图像描述符后面总是图像数据。它是一幅图所必需的。一幅图像对应一个图像描述符。

数据组成格式为：

图象分隔符（1字节）

图象左坐标（2字节）

图象顶坐标（2字节）

图象宽度（2字节）

图象高度（2字节）

(2字节）

(1字节）

Packed Fields说明：

局部色表标志1Bit

隔行处理标志1Bit

短标志1Bit

保留2Bits

局部色表尺寸3Bits

解释：

图像分隔符-用于识别图像描述符的开始。取固定值0x2c

局部色表

该块包含一个按照红-绿-兰三原色的顺序排列的色表。该表作用于紧跟其后的图像数据。当局不色表标志位置1时，该表出现，且其后紧跟图像的描述符，它所包含的字节数等于

3*2^（局部色表尺寸+1）

数据组成格式为：

Red 0

Green 0

Blue 0

……

Red n

Green n

Blue n

基于表的图像数据

基于表的图像数据由一系列子块组成，每个子块最多255字节，包含一个为图中每个象素所指定的有效色表的索引。索引的顺序用LZW算法进行编码。

数据组成格式为：

LZW最小编码尺寸（1字节）

图象数据数据子块（n字节）

解释：

LZW最小编码尺寸：该字节用于决定在图像数据中用LZW编码最初的位数。

注释扩充（版本-89a)

注释扩充包含实际不属于gif数据流的文本信息。它适用于包括图像注释、描述或者任何其他非控制和非图像数据。注释扩充将被解码器忽略，或者被保留到以后处理。在任何情况下注释扩充也不能中断对数据流的处理。该块是可选的；在数据流中的出现量不加限制。

数据组成格式为：

扩充导入符（1字节）

注释标记（1字节）

注释数据数据子块（n字节）

块结束符（1字节）

解释：

扩充导入符-标识扩充的开始。该字段为固定值0x21。

注释标号-标示某块为注释扩充。该段为固定值0xFE。

注释数据-按照子块顺序，每个注释最少1字节最多255字节。序列结尾用块结束符标识。

块结束符-用来标识注释扩充的结束。

纯文本扩充（版本-89a)

纯文本扩充包括纯文本数据和将数据显示为图像所必需的参数。文本数据将用7位可印刷ASCII码字符编码。文本数据用在块字段中定义的单元格字符元素来成象。每个字符用一个单元成象。该块使用全局色表。它可以被图形控制扩充来修改。该块为可选块。

数据组成格式为：

扩充导入符（1字节）

纯文本标记（1字节）

块尺寸（1字节）

文本格左坐标（2字节）

文本格顶坐标（2字节）

文本格宽度（2字节）

文本格高度（2字节）

字符单元宽度（1字节）

字符单元宽度（1字节）

文本前景色索引（1字节）

文本背景色索引（1字节）

纯文本数据数据子块（n字节）

块结束符（1字节）

解释：

扩充导入符-标识一个扩充块的开始。取固定值0x21.

纯文本标记-标识当前块为原文扩充。取固定值0x01.

块尺寸-扩充中的字节数，取固定值12.

文本格左位置-逻辑视屏的左边，用象素表示的左边列数，

文本格顶位置-逻辑视屏的上边，用象素表示的上边行数。

原文数据-子块序列，每个子块最少1字节最多255字节。该序列遇到块结束符时结束。

块结束符–0，用来标志块结束。

应用扩充（版本-89a)

应用扩充包含应用说明信息；它遵守如下所述的扩充块的语法，块标记为0xff.

数据组成格式为：

扩充导入符（1字节）

扩充标记（1字节）

块尺寸（2字节）

应用标识符（8字节）

应用证明码（3字节）

应用数据数据子块（n字节）

块结束符（1字节）

解释：

扩充引入符-定义该块位扩充块。取固定值0x21.

应用扩充标记-标识该块为应用扩充块。取固定值0xFF.

块尺寸-指示该块中包含的字节数。取固定值11.

应用标识符-8格可印刷ASCII字符用来标识该应用所属的应用扩充。

应用证明码-3格字节的序列用于证明应用标识符。一个应用程序可以一种算法来计算一个二进制码来唯一地识别这个应用是否数于这个应用扩充。

尾记录

该块为一个单字段块，用来指示该数据流的结束。取固定值0x3b.

制作软件

目前从动画或影视剧中截取并加工GIF动态图的软件有许多，最常见的有“美图GIF"、“QQ影音”和“Ulead GIF Animator“等，具体可以根据个人喜好加以选择。百度圣域gif作坊吧的教程学习区里包含一些简单的GIF动态截图教程，可供学习。

PC上制作软件主要为Adobe ImageReady和fireworks两个！而在手机上也有可以轻松制作GIF的软件---“美图GIF”。

“美图GIF”是一款在手机上简单易用的GIF制作软件,可以拍摄超好玩的动态照片,制作真人QQ表情,并一键分享到微博。新增“魔术GIF”功能,国内首发!可以让你轻松制作超乎常规的GIF。如:时空穿越、半空悬浮、影像分身等神奇效果一秒搞定。。

缺陷：gif动画图片失真较大，一般经过羽化等效果处理的透明背景图都会出现杂边，而要处理掉这些难看的杂边是件很复杂费时的工作！所以如果能解决透明图出现杂边的不足将是gif的一个重大突破了！望早日实现！杂边问题可以配合PHOTOSHOP先把每一桢保存的时候把杂边扩展为网页背景色一样的颜色即可使边缘清晰圆润。

特别提醒：Ulead Gif Animator5是一个简单、快速、灵活，功能强大的GIF动画编辑软件。同时，也是一款不错的网页启动画面设计辅助工具，还可以作为Photoshop的插件使用，丰富而强大的内制动画选项，让我们更方便地制作符合要求的GIF动画。它是Ulead（友立）公司最早在1992年发布的一个动画GIF制作的工具。

Ulead GIF Animator 5人们习惯简称为U5。

如何制作

用photoshop制作gif动画图片指导

PHOTOSHOP CS6最新版gif超强动画功能，还能加音频

第1步

新建Photoshop文档，选择File（文件）>New（新建）。在弹出的New Document（新建文档）对话框中，从Prets（预设）列表中选择Film&Video（影片及视频）。

第2步：

Size栏选择NTSC DV Widescreen（NTSC DV宽频）,这用于设置文档尺寸，宽高比以及动画帧每秒以满足NTSC视频标准。

第3步：

“Layer(图层)”菜单中，选择Video Layers(视频层)> New Video Layer From File（从文件新建视频层）。找到视频Freemoonrioverwater.mov并单击Open。介于视频文件的大小，你可从下再

第4步

时间线面板中，你会发现视频层出现在时间轴中了。若没有，那从Timeline（时间线）面板中选择Create Video Timeline（创建视频时间线）就会出现。

第5步

现在呢，我们要调整视频画面大小以适应舞台。按Cmd+T（Windows系统则为Ctrl+T）来自由变换。此时将会提示警告说视频将转换成智能对象（Smart Object）。单击OK并调整视频尺寸使其适应舞台。按住Shift键来调整可以保持视频的宽高比。

在时间线面板的底部有一滑块，左右拖动将缩放时间线刻度使其展示动画帧数的变化。而通过Timeline面板顶部的帧数可以获晓此变化。

第6步

使用Type（文字）工具，在屏幕中央写下“Adobe”如下图大小。注意，一个新的动画层出现在时间轴上了，这样文字就能进行动画了。

第7步

时间线面板中，单击文字层旁边的小三角并单击Transform（变换）属性旁边的小秒表图标。这样您就可以变换文字效果如移动，缩放。

第8步

将时间轴的当前时间指示器移到帧号03:00f（表示动画第三秒）。

第9步

如下图放大文字并将其放置于屏幕中央。

第10步

将当前时间指示器移到帧号02:00f（表示动画第二秒）。

第11步

单击秒表图标旁边的Opacity属性。这将激活文字动画的透明度。

第12步

现在，将当前时间指示器移到文字动画的末帧，即03:00f。在“图层”面板中设置文本透明度为0。

第13步

再次将时间指示器移到帧号02:00f。这样在第一个文本淡出之时将创建一个新文本。

第14步

使用文字工具，创建个新的文本“Photoshop”。像之前那个步骤那样放置在屏幕中央并调整大小。

第15步

单击Transform属性层旁边的秒表图标。

第16步

将时间指示器移到帧号05:00f（表示动画第五秒）。如先前步骤那样放大文字。

第17步

将时间指示器移到帧号04:00f，单击Opacity（透明度）属性旁边的秒表。

第18步

再次将当前时间指示器移到文字动画的末帧05:00f。在“图层”面板中设置文本透明度为0。

第19步

将时间指示器移到帧号04:00f并新建文字层。在此层上添加字符“CS6”。

第20步

重复前面的步骤，放大和变换文字的透明度。这样我们就有三个文字动画在第七秒淡出。

第21步

将时间轴指标移动到视频动画层的末尾。

第22步

在时间线面板的左上方，选中剪刀图标旁边的方形过渡图标。此图标将打开一个浮动菜单显示可用的过渡效果。

第23步

选中淡出至黑屏效果（Fade to Black）并将其拖到视频动画层末尾，这样此效果将应用到动画末尾。按键盘上的空格键或单击时间线面板的“Play(播放)”按钮可预览动画效果。

第24步

现在我们要给动画添加音轨。时间线中的最底层名为音轨（Audio Track）。单击音频层右侧的音乐图标并选择Add Audio（添加音频）。

然后，单击“Open（打开)”将其添加到时间线上。

第25步

在动画末尾，单击音频层的三角标，设置淡出的值为1秒。

拖动视频层末端可进行裁剪，这样结束时刻就能够与音轨同步。

至此我们已经完成了动画的创建。接下来的步骤，我们要将动画渲染成视频格式：

第26步

在时间线的帧编号的上方，你会在时间线层的开头和结尾发现两个括号。确保俩括号之间不含动画之外的帧，括号之间的帧即为将被渲染的帧。（十按，这就是出点跟入点啦，相信熟悉AE的孩纸一定知道，说的这么晦涩，爷翻得也很晕==）

第27步

文件菜单中，选择Export（导出）>Render（渲染视频）。

第28步

Render Video（渲染视频）对话框中，设置视频保存的名称与路径。

第29步

设置渲染格式为Adobe Media Encoder并选择QuickTime格式。Pret设为High Quality（高品质），Size(尺寸)和frame rate（帧频）也要设置。

在range(范围)区块，将渲染区设置为Work Area（工作区），这样就只会渲染括号内部的帧了。

本教程我们综述了如何在Photoshop CS6里利用增强时间线面板创建视频动画。Photoshop中与动画相关的功能选项众多，本教程概述视频建设的过程，这样一来你可以自行探索Photoshop CS6其他的动画功能。

只要是photoshop6.0以上的就用自带ImageReady，先找到你要做的原图，然后

第一步：

启动photoshop，并打开需要的两幅图！

第二步：

会弹出修改框，修改宽度和高度的像素。注意下面红线里的约束比例！要改成非比例的大小就把勾点去！然后将两副图片的大小调一致！

第三步

很多JPG格式的图在photoshop8.0里锁定的，所以双击图层里的背景项，会弹出一个选项框，选择好~将背景变为图层！（同理，另一幅图片也这么做。但注意在photoshop里通过点击图片来改变当前编辑的图片，所以改另一副图先点击一下）

第四步

选择左边工具条上面左边的工具！然后点住一幅图片将它拖至另一副图片里这时在图层里应该是有两个图层！将两个图片根据画面的大小对对好~按保存！

第五步：

这时启动ImageReady，打开你刚保存的图片！

第六步：

在动画工具条里点击“复制当前帧”，复制后，在动画里会显示有两个帧！

第七步：

点击动画工具里的“过度...”按扭！点击后会出现过度对话框！在“要添加的帧数”里选择你希望的帧数，默认是5，这里我们也选择5，然后点击“好”这时动画栏里会显示有7个帧！

第八步

这时看看图层里的当前图层是否为上面的图，不是的话点击来改变当前图层！（注意有兰色条显示的就是当前图层！）选择好当前图层后，点击动画栏里第二个帧！点中后第二帧应该是兰色的！然后在图层栏那边改透明度！将其从100%改为80%

第九步

接着选择第三个帧将其不透明值改为60%

第十步：

同样的方法点击第4帧！将其不透明值改成40%。

点击第5帧，将其不透明值改成20%

第十一步：

点击第1帧，点击“选择帧延迟时间”点击后会弹出个菜单！选择0.2秒延迟后，第1帧下面会变为0.2秒。当然可以根据你的喜好改变。

第十二步：

点击第7帧，和上面一样延迟0。2秒

第十三步：

点击“播放”按扭。就可以看到效果了

第十四步：

准备保存了，在转为GIF文件前，先设下优化值！在预设一项将其值改为GIF128仿色然后选择文件菜单里的“将优化结果存储为”选择文件名后，按好！就OK了！（如果在“将优化结果存储为”中只有jpg没有gif，则关闭此窗口，从菜单“窗口”中打开“优化”面板，调整一下“预设”，并将“格式”设为“gif”，就可以了。如果帧数较多，则输出过程会有点慢，这是正常现象。）

GIF文件格式（GIF file）

GIF文件格式采用了可变长度的压缩编码和其它一些有效的压缩算法，按行扫描迅速解码，且与硬件无关。它支持256种颜色的彩色图像，并且在一个GIF文件中可以记录多幅图像。包括文件头（Head Block）、注释块（Comment Block）、循环块（Loop Block）、控制块（Control Block）、GIF图像块（Image Block）、文本块（Plain Text Block）、附加块（Application Block）。

参考资料