詳解PNG圖片

1、PNG圖片類型

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

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

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

PNG24

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

PNG32

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

總結

格式

顏色種類

位數

透明支持

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面板中選擇相應的格式即可。

Photoshop

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

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

3、瀏覽器支持情況

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

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

4、總結

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

8位PNG支持兩種不同的透明形式(索引透明和alpha透明)；

24位PNG不支持透明；

32位PNG 在24位基礎上增加了8位透明通道，因此可展現256級透明程度。

2.圖片處理工具

Photoshop：不支持也不能輸出PNG8+alpha透明的PNG；

Photoshop：32位PNG輸出是由24位PNG加透明信息形式輸出；

Fireworks：對 PNG支持較好。

3.瀏覽器支持性

非IE6的瀏覽器都能正常顯示包含透明信息(包括索引透明和alpha透明)的PNG圖片;

IE6在濾鏡的幫助下能夠PNG32的透明PNG圖像IE6下無論是否是用濾鏡，半透明部分是完全按照全透明方式進行處理；

IE6對 PNG8+alpha透明的圖像支持不夠好。相關閱讀:

Win10 10074最新預覽版：Windows Defender有新家了

IOS如何替換電話號碼中間4位為"-"符號

mysql簡單實現查詢結果添加序列號的方法

Windows下把MongoDB安裝為系統服務的方法

php表單提交與$_POST實例分析

C#模擬window操作鼠標的方法

Android應用開發中實現apk皮膚文件換膚的思路分析

詳解CSS中的偽類與偽元素及二者間的區別

c#動態改變webservice的url訪問地址

Retina MacBook和10.10.3支持更快的NVMe SSD接口

WinXP系統鼠標驅動出現問題導致點擊無反應怎么辦？

.net2.0+ Winform項目實現彈出容器層

Win7旗艦版系統開機屏幕提示press F1 to continue的解決方法

jsp form表單方法示例

總結

以上是生活随笔為你收集整理的php中的图片变名为8位用什么,CSS_详解PNG图片，1、PNG图片类型PNG格式有8位、 - phpStudy...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。