GIF图片原理和储存结构深入解析

《GIF图片原理和储存结构深入解析》要点:
本文介绍了GIF图片原理和储存结构深入解析,希望对您有用。如果有疑问,可以联系我们。

GIF是一种使用LZW压缩,支持多张图像的容器.支持256色,透明通道为1bit.作为互联网表情包的载体,GIF这项80年代的技术依然生生不息.
但它的弊病也是显而易见的:易出现毛边,色彩表现低劣,文件压缩比不高.针对这些问题,Mozilla发布了APNG来代替老旧的GIF技术,同时许多开源组件也用WebP格式来代替GIF.

GIF在iOS的尴尬处境

长久以来,iOS一直被吐槽不克不及用GIF.造成这一局面的主要原因是:

  • iOS关于照片的场景不会自动播放GIF,也没有角标.
  • 一些应用将GIF视为静态图像去操作,导致用户坚持了一个GIF后,结果应用将其保存成JPG.
  • iOS只能通过imageI/O去操作GIF数据,UIKit对其绝缘.

GIF的存储结构

由于历史的原因,GIF有两个版本,但它们的文件结构是一样的,都是由不同用途的数据块构成,可分为控制块和数据块.控制块里是决定GIF表现的参数,数据块里的数据由前面的控制块里的参数来解释.
一个GIF文件的内部结构如下图:

图0:庖丁解牛:GIF图片原理和储存结构

GIF布局

Header:包括文件签名与版本号.
Trailer: 文件结束标识符.
GIF Data: Header 与 trailer 之间就是GIF文件的数据.
我们从一个简单的GIF图入手,它包括两张图像:

图1:庖丁解牛:GIF图片原理和储存结构

这是它的十六进制数据,我用颜色区分了分歧的数据块:

图2:庖丁解牛:GIF图片原理和储存结构

Paste_Image.png

Header

GIF文件的开头是 Header 数据块,长度为6字节,ASCII值为“GIF87a”或”GIF89a”,前三位为GIF签名,后三位为分歧年份的版本号.

图3:庖丁解牛:GIF图片原理和储存结构

Paste_Image.png

利用这点,在iOS中判断二进制文件是否为GIF时,可以简单去判断它的前四位是否是”GIF8″.事实上绝年夜多数图像都可以用文件签名来判断类型.

GIF 内容

GIF数据包括多个数据块,其结构如下:
逻辑屏幕描述符

0A000A00 B30000

这一数据块由7个字节组成,前四个字节分别是图像渲染区域的宽高.GIF的数据是依照大端序存储的,0x0A00为10,所以这个GIF的宽高均为10.
接下来是一个压缩字节,第一个 Bit 为标志位,表示全局颜色列表是否存在.接下来三个Bit表示图像调色板中每个颜色的原色所占用的Bit数,011表示占用4个Bit,111占用8个Bit,以此类推.调色板最多只包含由24-Bit颜色中选出的256个颜色(实际有很多优化方案能提高颜色分辨率,如加入局部调色板).第五个Bit为标志位,表示颜色列表排序方式.若为1,表示颜色列表是依照颜色在图像中出现的频率降序排列.随后三个Bit表示全局颜色列表的大小,计算方法是2^N+1,其中N为这三个Bit的二进制数值.
第六个字节是表示背景色在全局颜色列表中的索引,若无全局颜色列表则此字节无效.在GIF的图像数据中,没有被指定颜色的像素会被背景色填充.
最后一个字节是像素的宽高比,大多数时候这个值都是0,若值为N,则图像的宽高比:

aspectRatio = (pixelAspectRatio + 15) / 64

图4:庖丁解牛:GIF图片原理和储存结构

全局色彩列表

000000 80000000 80008080 00000080 80008000 8080C0C0 C0808080 FF000000 FF00FFFF 000000FF FF00FF00 FFFFFFFF FF

由前面的逻辑屏幕描述符可知,全局颜色列表的大小是16,每个颜色占三个字节,依照RGB排列,所以它占有48个字节.数据流中,颜色是依照列表中的索引存储的.
应用程序扩展
>
21FF0B 4E455453 43415045 322E3003 01000000

GIF中扩展块都以0x21开始,后一个字节是扩展标签,标识扩展用途.
应用程序扩展的标签是0xFF,它包括有应用程序的标识信息和应用程序数据.其中 Netscape 应用程序扩展常用于控制GIF的动画循环次数.Netscape 扩展长19个字节,前14个是应用程序的ACSII信息,后四个是数据子块,用于指定GIF的循环次数,按无符号整型存储,0表示无限循环.

图5:庖丁解牛:GIF图片原理和储存结构

图形节制扩展

21F90409 32000F00

图形控制扩展块属于”89a”版本的定义.它在一个图像数据块的最前端,用来指定图像的透明度与动画属性.图形控制扩展的开端两字节是0x21F9,其中0x21表示这是一个扩展,F9表示扩展用于图形控制.第三个字节是块大小(它到结束符之间的数据).第四个字节是压缩字段,前三个Bit保存,四到六Bit是disposal method.第四、五个字节是图像控制扩展后面的图像的动画时间,以无符号整型存储.第六个字节是透明色索引,之后是块结束符0x00.

图6:庖丁解牛:GIF图片原理和储存结构

图像描写符

2C000000 000A000A 0000

图像描述符位于GIF中每一个图像数据的前端,由0x2C开始,长度为10个字节.第一个字节是图像描述符的标识0x2c,后面八个字节表现图像的frame(left,top,width,height),用来在动画中局部更新图像.最后一个是压缩字节,主要是关于局部颜色列表的信息,其中第二个Bit表现图像的存储方式是交织还是连续.

图7:庖丁解牛:GIF图片原理和储存结构

局部颜色列表
如果上面的局部颜色列表标志位为1,那么局部颜色列表会排列在图像描述符后面,它只对紧跟在它之后的图像数据有效.如果局部颜色列表标志位为0,那么图像数据将使用全局颜色列表索引颜色.局部颜色列表的大小计算办法和像素颜色格式与全局颜色列表相同.
图像数据

041C 1080472B 0549DA9B BAAE58E7 4D4F288E E629A519 697E1C0C 92DB1301 00

GIF的图像数据是经过LZW压缩的二进制流,通过解码可以将其依照颜色列表中的颜色进行像素填充.第一个字节是LZW最小编码大小,用来进行数据解码.第二个字节是图像数据的大小,之后的都是图像数据,直到块结束符.
结束符

3B

GIF的动画原理

GIF动画的循环次数是由应用扩展来控制的,而GIF动画每一帧的过渡方式是由图形控制扩展控制,图像描述符控制图像绘制的区域.
图形控制扩展中控制动画的参数分离是:disposal method,user input flag,delay time,transparency color.

disposal method
disposal method占3Bit,能够表现0-7.

  • disposal method = 1

解码器不会清算画布,直接将下一幅图像渲染上一幅图像上.

  • disposal method = 2

解码器会以配景色清理画布,然后渲染下一幅图像.配景色在逻辑屏幕描述符中设置.

  • disposal method = 3

解码器会将画布设置为上之前的状态,然后衬着下一幅图像.

  • disposal method = 4-7

保存值

user input flag
user input flag为1时,GIF会在有用户输入变乱(鼠标、键盘)时才会过渡到下一幅图像.

delay time
delay time占两个字节,为无符号整数,控制当前帧的展示时间,单元是0.01秒.

transparency color
如果图形控制扩展的透明色标志位为1,那么解码器会通过透明色索引在颜色列表中找到改颜色,标记为透明,当渲染图像时,标记为透明色的颜色将不会绘制,显示下面的配景.

图像渲染区域
GIF中图像描述符指定了当前帧必要渲染的区域,这样GIF的过渡动画就只用绘制两帧之间不同的区域,前提是diposal method的值为1.

实验

依据上面的知识,将第一帧的图形控制扩展改为:

21F90409 0A000900

这里将透明色改成了赤色(赤色在全局颜色列表中的索引是9),并将delay time改为0.1秒.修改完的GIF为:

图8:庖丁解牛:GIF图片原理和储存结构

本文永远更新链接地址:http://www.linuxidc.com/Linux/2017-06/145156.htm

linux

更多LINUX教程,尽在编程之家PHP学院专栏。欢迎交流《GIF图片原理和储存结构深入解析》!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


文章浏览阅读1.3k次。在 Redis 中,键(Keys)是非常重要的概念,它们代表了存储在数据库中的数据的标识符。对键的有效管理和操作是使用 Redis 数据库的关键一环,它直接影响到数据的存取效率、系统的稳定性和开发的便利性。本文将深入探讨 Redis 中键的管理和操作,包括键的命名规范、常用的键操作命令以及一些最佳实践。我们将详细介绍如何合理命名键、如何使用键的过期和持久化特性、如何批量删除键等技巧,旨在帮助读者更好地理解并灵活运用 Redis 中的键,从而提高数据管理和操作的效率和可靠性。
文章浏览阅读3.3k次,点赞44次,收藏88次。本篇是对单节点的应用,但从中我们也能推断出一些关于集群的应用,不过大多数公司能搞个主从就已经是不错了,所以你能学会这个已经算是很有用了,关于ES,博主前面也讲过一些基础应用,创建一个工具类利用ES的数据模型进行存储就可以达到一个canal同时对Redis和ES的同步,如果担心出问题,可以把Canal搞成集群的形式,这个后续有时间博主再给大家做讲解。今天就到这里了,觉得不错就支持一下吧。_canal redis
文章浏览阅读8.4k次,点赞8次,收藏18次。Spring Boot 整合Redis实现消息队列,RedisMessageListenerContainer的使用,Pub/Sub模式的优缺点_springboot redis 消息队列
文章浏览阅读978次,点赞25次,收藏21次。在Centos上安装Redis5.0保姆级教程!_centos7 安装redis5.0服务器
文章浏览阅读1.2k次,点赞21次,收藏22次。Docker-Compose部署Redis(v7.2)主从模式首先需要有一个redis主从集群,才能接着做redis哨兵模式。_warning: sentinel was not able to save the new configuration on disk!!!: dev
文章浏览阅读2.2k次,点赞59次,收藏38次。合理的JedisPool资源池参数设置能为业务使用Redis保驾护航,本文将对JedisPool的使用、资源池的参数进行详细说明,最后给出“最合理”配置。_jedispool资源池优化
文章浏览阅读1.9k次。批量删除指定前缀的Key有两中方法,一种是借助 redis-cli,另一种是通过 SCAN命令来遍历所有匹配前缀的 key,并使用 DEL命令逐个删除它们。_redis删除前缀的key
文章浏览阅读890次,点赞18次,收藏20次。1. Redis时一个key-cakye的数据库,key一般是String类型,不过value类型有很多。eg.String Hash List Set SortedSet (基本) | GEO BitMap HyperLog (特殊)2.Redis为了方便学习,将操作不同类型的命令做了分组,在官网可以进行查询。
文章浏览阅读1.1k次,点赞19次,收藏26次。若不使用Redisson,而是用synchronized(this),此时会造成对服务器的加锁,若开始大量查询ID为1的商品,每台机器都会先跑一遍加个锁,然后在查询ID为2的数据,此时需要等待ID为1的锁释放,所以需要将this对象调整为全局商品ID。若在执行bgsave命令时,还有其他redis命令被执行(主线程数据修改),此时会对数据做个副本,然后bgsave命令执行这个副本数据写入rdb文件,此时主线程还可以继续修改数据。在当前redis目录下会生成aof文件,对redis修改数据的命令进行备份。
文章浏览阅读1.5k次,点赞39次,收藏24次。本文全面剖析Redis集群在分布式环境下的数据一致性问题,从基础原理到高级特性,涵盖主从复制、哨兵模式、持久化策略等关键点,同时也分享了关于监控、故障模拟与自适应写一致性策略的实践经验。_redis集群一致性
文章浏览阅读1k次。RDB因为是二进制文件,在保存的时候体积也是比较小的,它恢复的比较快,但是它有可能会丢数据,我们通常在项目中也会使用AOF来恢复数据,虽然AOF恢复的速度慢一些,但是它丢数据的风险要小很多,在AOF文件中可以设置刷盘策略,我们当时设置的就是每秒批量写入一次命令。AOF的含义是追加文件,当redis操作写命令的时候,都会存储这个文件中,当redis实例宕机恢复数据的时候,会从这个文件中再次执行一遍命令来恢复数据。:在Redis中提供了两种数据持久化的方式:1、RDB 2、AOF。
文章浏览阅读1k次,点赞24次,收藏21次。NoSQL(No only SQL)数据库,泛指非关系型数据库,实现对于传统数据库而言的。NoSQL 不依赖业务逻辑方式进行存储,而以简单的 key-value 模式存储。因此大大增加了数据库的扩展能力。不遵循SQL标准不支持ACID远超于SQL的性能Redis是当前比较热门的NOSQL系统之一,它是一个开源的使用ANSI c语言编写的key-value存储系统(区别于MySQL的二维表格的形式存储。
文章浏览阅读988次,点赞17次,收藏19次。在上面的步骤中,我们已经开启了 MySQL 的远程访问功能,但是,如果使用 MySQL 管理工具 navicat 连接 MySQL 服务端时,还是可能会出现连接失败的情况。在实际工作中,如果我们需要从其他地方访问和管理 MySQL 数据库,就需要开启 MySQL 的远程访问功能并设置相应的权限。这对于我们的工作效率和数据安全都有很大的帮助。通过查看 MySQL 用户表,我们可以看到’host’为’%’,说明 root 用户登录 MySQL 的时候,可以允许任意的 IP 地址访问 MySQL 服务端。
文章浏览阅读956次。Redis Desktop Manager(RDM)是一款用于管理和操作Redis数据库的图形化界面工具。提供了简单易用的界面,使用户能够方便地执行各种Redis数据库操作,并且支持多个Redis服务器的连接_redisdesktopmanager安装包
文章浏览阅读1.9k次,点赞52次,收藏27次。缓存击穿指的是数据库有数据,缓存本应该也有数据,但是缓存过期了,Redis 这层流量防护屏障被击穿了,请求直奔数据库。缓存穿透指的是数据库本就没有这个数据,请求直奔数据库,缓存系统形同虚设。缓存雪崩指的是大量的热点数据无法在 Redis 缓存中处理(大面积热点数据缓存失效、Redis 宕机),流量全部打到数据库,导致数据库极大压力。
文章浏览阅读1.2k次。一次命令时间(borrow|return resource + Jedis执行命令(含网络) )的平均耗时约为1ms,一个连接的QPS大约是1000,业务期望的QPS是50000,那么理论上需要的资源池大小是50000 / 1000 = 50个,实际maxTotal可以根据理论值合理进行微调。JedisPool默认的maxTotal=8,下面的代码从JedisPool中借了8次Jedis,但是没有归还,当第9次(jedisPool.getResource().ping())3、发生异常可能的情况。_redis.clients.jedis.exceptions.jedisconnectionexception: could not get a res
文章浏览阅读1k次,点赞27次,收藏18次。在这篇文章中,你将了解到如何在 CentOS 系统上安装 Redis 服务,并且掌握通过自定义域名来访问 Redis 服务的技巧。通过使用自定义域名,你可以方便地管理和访问你的 Redis 数据库,提高工作效率。无论你是开发者、系统管理员还是对 Redis 感兴趣的读者,这篇文章都会为你提供清晰的指导和实用的技巧。阅读本文,轻松搭建自己的 Redis 服务,并体验自定义域名带来的便捷!_redis怎么自定义域名
文章浏览阅读1.1k次,点赞15次,收藏18次。我们post请求,拦截器要预先读取HtppServletRequest里面的body的数据,是通过io的方式,都知道io读取完毕之后,之前的数据是变为null的,但是,当我么后面的接口来委派的时候,也是通过io读取body。我们要考虑一个事情,就是我们要验证数据的重复提交: 首先第一次提交的数据肯定是要被存储的,当而第二次往后,每次提交数据都会与之前的数据产生比对从而验证数据重复提交,我们要具体判断数据是否重复提交的子类。发现数据是成功存入的,剩余7s过期,在10s之内,也就是数据没过期之前,在发送一次。_json.parseobject(str, clazz, auto_type_filter);
文章浏览阅读3.9k次,点赞3次,收藏7次。PHP使用Redis实战实录系列:我们首先检查$redis->connect()方法的返回值来确定是否成功连接到Redis服务器。如果连接失败,我们可以输出相应的错误信息。如果连接成功,我们再执行一些操作,如$redis->set()、$redis->get()等,并检查每个操作的返回结果来判断是否发生了异常。_php redis
文章浏览阅读1.5w次,点赞23次,收藏51次。Redis(Remote Dictionary Server ),即远程字典服务,是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库,并提供多种语言的API。Redis 是一个高性能的key-value数据库。redis的出现,很大程度补偿了memcached这类key/value存储的不足,在部 分场合可以对关系数据库起到很好的补充作用。_redisdesktopmanager下载