GIF/PNG/JPG/WEBP/APNG都是属于位图(位图,务必区别于矢量图);
GIF/PNG和JPG这三种格式的图片被广泛应用在现今的互联网中,gif曾在过去互联网初期慢速的情况下几乎是做到了大一统的地位,而现如今随着互联网技术应用和硬件条件的提高,png和jpg格式的图片越来越多的被应用,gif昔日的辉煌一去不复,webp图片格式现在还不普及:
GIF(GraphicsInterchangeFormat)
GIF图形交换格式是一种位图图形文件格式,以8位色(即56种颜色)重现真彩色的图像。它实际上是一种压缩文档,采用LZW压缩算法进行编码,有效地减少了图像文件在网络上传输的时间。它是目前广泛应用于网络传输的图像格式之一。
优点
优秀的压缩算法使其在一定程度上保证图像质量的同时将体积变得很小。可插入多帧,从而实现动画效果。可设置透明色以产生对象浮现于背景之上的效果。
缺点
由于采用了8位压缩,最多只能处理56种颜色(的8次方),故不宜应用于真彩图像。
PNG(PortableNetworkGraphics)
便携式网络图片(PortableNetworkGraphics),简称PNG,是一种无损数据压缩位图图形文件格式。PNG格式是无损数据压缩的,PNG格式有8位、位、位三种形式,其中8位PNG支持两种不同的透明形式(索引透明和alpha透明),位PNG不支持透明,位PNG在位基础上增加了8位透明通道(-===8),因此可展现56级透明程度。
PNG这种类型的图片就是为了取代GIF图片而生的,除了GIF不支持动画的优势,能用PNG的地方就用PNG,原因是压缩比高,色彩好;
优点
支持56色调色板技术以产生小体积文件最高支持8位真彩色图像以及16位灰度图像。支持Alpha通道的半透明特性。支持图像亮度的gamma校正信息。支持存储附加文本信息,以保留图像名称、作者、版权、创作时间、注释等信息。使用无损压缩。渐近显示和流式读写,适合在网络传输中快速显示预览效果后再展示全貌。使用CRC循环冗余编码防止文件出错。最新的PNG标准允许在一个文件内存储多幅图像。
缺点
但也有一些软件不能使用适合的预测,而造成过分臃肿的PNG文件。
让IE6透明的小技巧:
如上图所示,IE6支持全透明,不支持半透明,所以我们在PS到处透明图片的时候可以把图片设置为png8,在PS的生成图片是记得把png透明的选项勾选上,测试代码:
!DOCTYPEhtmlPUBLIC"-//WC//DTDXHTML1.0Transitional//EN""