1、PNG圖片類型

PNG格式有8位、24位、32位三種，下面是一些術(shù)語：

• 索引透明：類似于GIF，某一像素只有全透和全不透明兩種效果
• Alpha透明：半透明

PNG8

8位的PNG最多支持256（2的8次方）種顏色，8位的PNG支持索引透明和alpha透明。

PNG24

支持2的24次方種顏色，但不支持透明信息。

PNG32

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

總結(jié)

格式顏色種類位數(shù)透明支持

PNG8	2的8次方	8	不支持
PNG8+索引透明	2的8次方	8	僅支持全透或全不透明
PNG8+alpha透明	2的8次方	8	支持半透明
PNG24	2的24次方	24	不支持
PNG32	2的32次方	32	支持半透明

2、圖形處理軟件

Fireworks

在Fireworks中，以上提到的各種格式PNG都能正確生成，只要在OPTIMIZE面板中選擇相應(yīng)的格式即可。

Photoshop

在Photoshop（簡稱PS）中，PNG格式選擇可以通過選擇File菜單的Save for Web & Devices實(shí)現(xiàn)，注意：

• PS不支持8位PNG+alpha透明的格式；
• PS中也沒有32位PNG選項(xiàng)，但其中的PNG24+透明實(shí)際上就是PNG32。

3、瀏覽器支持情況

IE6對PNG8和PNG32的半透明效果并不支持，用濾鏡可解決PNG32的半透明問題，但解決不了PNG8的半透明效果。

下面我們測試一下瀏覽器對透明PNG的支持情況，其中IE6使用濾鏡對PNG圖片進(jìn)行加載。其余瀏覽器則使用img標(biāo)簽。經(jīng)過試驗(yàn)，發(fā)現(xiàn)非IE6瀏覽器表現(xiàn)一致，而IE6對PNG8+alpha透明支持的不夠好，圖像半透明部分是完全按照全透明方式進(jìn)行處理的。 測試結(jié)果如下圖所示：

4、總結(jié)

PNG格式有8位、24位、32位三種形式。

• 8位PNG支持兩種不同的透明形式（索引透明和alpha透明）；
• 24位PNG不支持透明；
• 32位PNG 在24位基礎(chǔ)上增加了8位透明通道，因此可展現(xiàn)256級透明程度。

圖片處理工具

• Photoshop：不支持也不能輸出PNG8+alpha透明的PNG；
• Photoshop：32位PNG輸出是由24位PNG加透明信息形式輸出；
• Fireworks：對 PNG支持較好。

瀏覽器支持性

• 非IE6的瀏覽器都能正常顯示包含透明信息（包括索引透明和alpha透明）的PNG圖片;
• IE6在濾鏡的幫助下能夠PNG32的透明PNG圖像
• IE6下無論是否是用濾鏡，半透明部分是完全按照全透明方式進(jìn)行處理；
• IE6對 PNG8+alpha透明的圖像支持不夠好。

參考文章

本文絕大部分是轉(zhuǎn)載，轉(zhuǎn)自：《說說PNG的那點(diǎn)事兒》

• 說說PNG的那點(diǎn)事兒
• 請給PNG8一個機(jī)會（二）
• 請給PNG8一個機(jī)會（一）

總結(jié)

以上是生活随笔為你收集整理的PNG图片详解的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。