png-8 和 png-24的區別

png是一種圖片格式，是Portable Networks Graphics的縮寫，做ping。

png8和png24的區別如下。

1. 1

   “PNG8”是指8位索引色位圖，“PNG24”是24位索引色位圖；

   

2. 
   

3. 
   

4. 
   

5. 
   

6. 
   

7. 2

   png8：

   每一張“png8”圖像，都最多只能展示256種顏色，所以“png8”格式更適合那些顏色比較單一的圖像，例如純色、logo、圖標等；因為顏色數量少，所以圖片的體積也會更小；

   
   

8. 
   

9. 
   

10. 
    

11. 3

    png24：

    每一張“png24”圖像，可展示的顏色就遠遠多於“png8”了，最多可展示的顏色數量多大1600萬；所以“png24”所展示的圖片顏色會更豐富，圖片的清晰度也會更好，圖片質量更高，當然圖片的大小也會相應增加，所以“png24”的圖片比較適合像攝影作品之類顏色比較豐富的圖片；

    
12.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         

13. PNG8要么完全透明，要么完全不透

    明，不支持半透明，所以才會出現上面的問題，但PNG24支持半透明的

    首先先做下比較，因為估計做前端的人和我一樣知道最多的就是png是一種包含半透明格式的圖片。其實我們還要知道：

    1.png8和png24的根本區別，不是顏色位的區別，而是存儲方式不同。

    2.png8有1位的布爾透明通道（要么完全透明，要么完全不透明），png24則有8位（256階）的布爾透明通道（所謂半透明）。

    png-8 和 gif 有一些相似之處，模式都是索引顏色，只支持像素級的純透明，不支持 alpha 透明。

    我們通常說的“IE6 不支持 PNG 透明”，是指不支持 PNG-24 的透明。但是 IE6 支持 PNG-8 的透明，就像支持 gif 的透明一樣。

     

    這樣我們在工作中就有了方向：

    1.色彩豐富的、大的圖片切成jpg的；
    2.尺寸小的，色彩不豐富的和背景透明的切成gif或者png8的；
    3.半透明的切成png24。

    
    
14. 參考：http://blog.sina.com.cn/s/blog_9050e71e0100yvtf.html
15. http://jingyan.baidu.com/article/ff42efa91a04b9c19e220232.html