技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> 视觉设计 --> PNG现状整理

PNG现状整理

浏览:2166次  出处信息

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

建议继续学习:

  1. web开发中合理动用图片格式    (阅读:2783)
  2. 请给PNG8一个机会    (阅读:2283)
  3. IE6支持PNG透明(alpha通道)的4种方法    (阅读:2206)
  4. iPhone中png图片格式处理    (阅读:2213)
  5. IE6中隐形的PNG8图片    (阅读:1961)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1