PNG总结

PNG8

8位的PNG和GIF看上去差不多，最多支持256种颜色，8位的PNG支持索引透明（即和GIF一样的那种只有全透和全不透两种效果）和 alpha透明（支持半透明）。

PNG24

24位的PNG支持2的24次方的颜色数量，但是没有透明信息。

PNG32

32位的PNG在24位的PNG基础上增加了8位的透明信息，因此支持不同程度的半透效果。

Gif、Jpeg、PNG区别

Gif是一种布尔透明类型，既它可以是全透明，也可以是全不透明，但是它并没有半透明（alpha 透明）。支持动画；256种颜色不适合照片，适合图形

Jpeg不支持透明、不支持动画。Jpeg是最适web上面的摄影图片和数字照相机中

PNG 大致可以分为256色的png和全色的png，完成可以用256色的png8代替gif，用全色的png代替jpeg

PNG8(索引透明)在创建的时候有个参数叫(PS杂边|FW色板),这个作用就是用杂边色加上像素点的透明度例如50%,生成伪透明的不透明像素点适用于固定底色的伪半透明,例子里用的杂边是黑色,在白背景下就很明显

链接：ooxx.me/png.orz

PNG各种格式如下表所示：

格式	位数	透明支持
PNG8	8	不支持
PNG8+索引透明	8	仅支持全透明
PNG8+alpha透明	8	支持半透明
PNG24	24	不支持
PNG32	32	支持半透明

		描述	标准浏览器	ie6及以下
FW: PNG8 (256色)	不透明	色板默认是画布的颜色（PS是没有画布色的，只有独立的层做背景），画布色一般是白色，所以在fw导出PNG 8的时候常常会遇到白色区域变成透明的情况。	(半)透明图片保存后背景为色板颜色
	索引色透明	一个像素点只有两种属性，一种是全透明，一种色素。 通俗地说就是某像素是全透明还是全不透明	如果某色块颜色是色板的颜色，那么这个色块就是全透明的； 如果图片存在半透明(alpha透明)，那么导出的时候，fw会将色板色和半透明区域叠加，展现出来的颜色加到色块上。
	Alpha透明度	这个透明模式非常奇怪，他秉承了png32的半透明属性（可指定透明度），又包含了png 8的布尔透明。	用这个方法导出的png 8，在现代浏览器中呈现的效果与png 32完全一样，同样可以呈现半透明效果。	在ie6及以下浏览器中，半透明的色块被表现成全透明色块，且不会出现灰色背景，但弊端就是不会呈现索引色透明那么自然的过渡，会出现毛边现象。 要注意的是：这里的索引色是透明色块及半透明色块，并不是色板的颜色
FW: PNG24 PNG32 (全色PNG)	PNG24 不透明,但是颜色数很多,不止256色；Photoshop里导出的png24其实是png32； PNG32 比PNG24多了透明信息(支持Alpha透明)，缺点在于IE6支持不好,会把透明区域显示成蓝灰底色
PS: PNG	PNG8(索引透明)	Photoshop只能导出布尔透明的PNG8 Fireworks既能导出布尔透明的PNG8,也能导出alpha透明的PNG8
	PNG24(其实是PNG32)

结论

1. PNG格式有8位、24位、32位三种形式，其中8位PNG支持两种不同的透明形式（索引透明和alpha透明），24位PNG不支持透明，32位PNG 在24位基础上增加了8位透明通道，因此可展现256级透明程度。
2. Photoshop不支持也不能输出PNG8+alpha透明的PNG，32位PNG输出是由24位PNG加透明信息形式输出，而Fireworks对 PNG支持较好。
3. 非IE6的浏览器都能正常显示包含透明信息的PNG图片，而IE6在滤镜的帮助下能够正常展示PNG8+索引透明以及32位的透明PNG图像，但是对 PNG8+alpha透明的图像支持不够好。