前端切图之png8和png24的区别



png是一种图片格式，是Portable Networks Graphics的缩写，做ping。

png8和png24的区别如下：

1.“PNG8”是指8位索引色位图，“PNG24”是24位索引色位图。

2.每一张“png8”图像，都最多只能展示256种颜色，所以“png8”格式更适合那些颜色比较单一的图像，例如纯色、logo、图标等；因为颜色数量少，所以图片的体积也会更小；

3.每一张“png24”图像，可展示的颜色就远远多于“png8”了，最多可展示的颜色数量多大1600万；所以“png24”所展示的图片颜色会更丰富，图片的清晰度也会更好，图片质量更高，当然图片的大小也会相应增加，所以“png24”的图片比较适合像摄影作品之类颜色比较丰富的图片；

png8和png24的根本区别（进阶级别）：
png8和png24的区别：
1.png8和png24的根本区别，不是颜色位的区别，而是存储方式不同。
2.png8有1位的布尔透明通道（要么完全透明，要么完全不透明，不支持半透明），png24则有8位（256阶）的布尔透明通道（所谓半透明）。 png-8 和 gif 有一些相似之处，模式都是索引颜色，只支持像素级的纯透明，不支持 alpha 透明。

如何判断图片是png8还是24：
1.在ps里看图像---模式，png8当然只有8位/通道了。（png24有其他的通道可供选择）
2.当打开png8的图片时，ps会默认给它的图片标题上后面加上“索引”两字，png24的则没有。

ps切图时应遵循：
1.色彩丰富的、大的图片切成jpg的；
2.尺寸小的，色彩不丰富的和背景透明的切成gif或者png8的；
3.半透明的切成png24。

png透明ie6下的兼容问题：
 
我们通常说的“IE6 不支持 PNG 透明”，是指不支持 PNG-24 的透明。但是 IE6 支持 PNG-8 的透明，就像支持 gif 的透明一样。
新浪微博的logo（png24）采用了下面的方法来实现透明：
_background:none; 
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo.png',sizingMethod='crop');

《PS：转自他人博客》
 

如何看出一张图片是png8还是24的：
1.网上下载一个看图软件，如AcdSee
2.使用该软件打开图片，会显示图片信息
3.左下角就会显示这张图片的信息，长x宽x颜色数
4.PNG24的图片，可能会显示为16M或者24B ，如 （744*190*16M）
5.对于png8，会显示为256，因为png8的图片，最多只有256种颜色 ，如(744*190*256)

6.至于png32：PNG32基本上等同于PNG24，它多了alpha通道。24位真色彩信息+alpha通道信息8位。
Photoshopr的png格式存储，只有png8和png24两种。大家大多都会经意不经意的勾选“支持透明”，这样存储的格式实际就是png32。-_-!!……