本篇內(nèi)容主要講解“深入了解PNG圖片”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“深入了解PNG圖片”吧!
1、PNG圖片類(lèi)型
PNG格式有8位、24位、32位三種，下面是一些術(shù)語(yǔ)：
索引透明：類(lèi)似于GIF，某一像素只有全透和全不透明兩種效果Alpha透明：半透明PNG8
8位的PNG最多支持256（2的8次方）種顏色，8位的PNG支持索引透明和alpha透明。
PNG24
支持2的24次方種顏色，但不支持透明信息。
PNG32
32位的PNG在24位的PNG基礎(chǔ)上增加了8位的透明信息，因此支持不同程度的半透效果。
總結(jié)
| 格式 | 顏色種類(lèi) | 位數(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（簡(jiǎn)稱(chēng)PS）中，PNG格式選擇可以通過(guò)選擇File菜單的Save for Web & Devices實(shí)現(xiàn)，注意：
PS不支持8位PNG+alpha透明的格式；PS中也沒(méi)有32位PNG選項(xiàng)，但其中的PNG24+透明實(shí)際上就是PNG32。
3、瀏覽器支持情況
IE6對(duì)PNG8和PNG32的半透明效果并不支持，用濾鏡可解決PNG32的半透明問(wèn)題，但解決不了PNG8的半透明效果。
下面我們測(cè)試一下瀏覽器對(duì)透明PNG的支持情況，其中IE6使用濾鏡對(duì)PNG圖片進(jìn)行加載。其余瀏覽器則使用img標(biāo)簽。經(jīng)過(guò)試驗(yàn)，發(fā)現(xiàn)非IE6瀏覽器表現(xiàn)一致，而IE6對(duì)PNG8+alpha透明支持的不夠好，圖像半透明部分是完全按照全透明方式進(jìn)行處理的。 測(cè)試結(jié)果如下圖所示：
4、總結(jié)
1.PNG格式有8位、24位、32位三種形式。
8位PNG支持兩種不同的透明形式（索引透明和alpha透明）；
24位PNG不支持透明；
32位PNG 在24位基礎(chǔ)上增加了8位透明通道，因此可展現(xiàn)256級(jí)透明程度。
2.圖片處理工具
Photoshop：不支持也不能輸出PNG8+alpha透明的PNG；
Photoshop：32位PNG輸出是由24位PNG加透明信息形式輸出；
Fireworks：對(duì) PNG支持較好。
3.瀏覽器支持性
非IE6的瀏覽器都能正常顯示包含透明信息（包括索引透明和alpha透明）的PNG圖片;
IE6在濾鏡的幫助下能夠PNG32的透明PNG圖像IE6下無(wú)論是否是用濾鏡，半透明部分是完全按照全透明方式進(jìn)行處理；
IE6對(duì) PNG8+alpha透明的圖像支持不夠好。
到此，相信大家對(duì)“深入了解PNG圖片”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)建站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！
重慶分公司
重慶分公司
