PNG现状整理.

2011-01-12 00:13

PNG现状整理.

by admin

at 2011-01-11 16:13:11

original http://www.cssrain.cn/?p=1484

PNG现状整理:http://calendar.perfplanet.com/2010/png-that-works/

png无损伤压缩工具:http://www.advsys.net/ken/util/pngout.htm

PNG这种文件格式值得科普下,对比GIF来说:

PNG和GIF都支持动画
PNG的动画也叫APNG,只是firefox支持,详见 http://ooxx.me/apng.orz ,如Firefox看这里的favicon,是会动滴
所以动画图片来说,还是GIF支持最好

第一种PNG叫PNG8(索引色透明),简单说可以理解为静态的GIF
他们都只有256色,也支持索引透明,就是指定一个像素点是不是透明
但是PNG由于算法的优势,体积比较少
所以,静态GIF完全可用PNG8取代

第二种PNG也叫PNG8(Alpha透明),牛逼在可指定像素点的透明度,例如50%透明度
这种优点在于比PNG24/32体积小,但效果一样
缺点在于IE6支持不好,会显示灰底

第三种PNG叫PNG24
和PNG8的区别仅在于体积更大
比较尴尬的存在

第四种PNG叫PNG32
和photoshop的PSD一样,是Fireworks的默认源文件格式,包含图层和通道信息
和PNG24的区别在于有图层

简单的归纳就是

动画:
支持: GIF, PNG只在firefox支持
不支持: 非Firefox的PNG

索引色透明(某像素是全透明还是全不透明):
支持: GIF/PNG都支持
不支持: IE6下的PNG8(Alpha透明)和PNG24/32

Alpha透明(可指定透明度):
支持:PNG8(Aplha透明)/PNG24/PNG32
不支持: GIF/PNG8(索引色透明)

图层
支持: PNG32
不支持: PNG8/PNG24/GIF

颜色
256色:GIF PNG8(2种)
其他的格式颜色数不过来,好多

http://ooxx.me/png.orz

你可能也喜欢:

关于IE6 PNG透明。

jQuery插件—png透明插件.

疯狂的设计—弯折的书架.

javascript—Slide Menu.

Flash-LightBox.
无觅