1.JPEG
JPEG格式是一種大小與質(zhì)量相平衡的壓縮圖片格式蚊伞。通俗一點講佳遣,就是:高的壓縮比=低的圖片質(zhì)量=小的文件大小帚戳。反之恋日,低的壓縮比=高的圖片質(zhì)量=大的文件大小怎虫。由于JPEG文件無法保持100 %的原始圖像的像素數(shù)據(jù)献宫,所以它不被認(rèn)為是一種無損圖像格式忽孽。
用途:
由于這種極其敏感的平衡特性硝皂,JPEG非常適合被應(yīng)用在那些允許輕微失真的像素色彩豐富的圖片(照片)場合顷窒。反之蛙吏,JPEG格式圖片并不適合做簡單色彩(色調(diào)少)的圖片,比如LOGO蹋肮,各種小圖標(biāo)(ICONS)出刷。
2.GIF
GIF格式,是為使圖片能夠應(yīng)用在在線(online)應(yīng)用程序上所特別開發(fā)的圖片格式坯辩。Gif馁龟,有時也被成為“Giff”,是一種無損漆魔,8位圖片格式坷檩。“無損”是指100%的保持原始圖片的像素數(shù)據(jù)信息改抡。專業(yè)名詞“8位”是指矢炼,所能表現(xiàn)的顏色深度——一個8位圖像僅最多只能支持256種不同顏色(一個多余256種顏色的圖片若用gif圖片保存會出現(xiàn)失真)。
用途:
由于8位顏色深度的限制阿纤,Gif不適合應(yīng)用于各種色彩過于豐富的照片存儲場合句灌。但它卻非常適合應(yīng)用在以下場合:
* Logo
* 小圖標(biāo)(Icon)
* 用于布局的圖片(例如某個布局角落,邊框等等)
* 僅包含不超過256種色彩的簡單,小型圖片場合
透明特性:
GIF支持基本的透明特性胰锌,這意味著你能夠使圖片的某些像素“不可見”骗绕。在其被放置到網(wǎng)頁中時,我們就可以看到通過這些不可見區(qū)域看到此圖片后面的背景顏色(圖片)资昧。此特性非常有用:如果你需要將某個gif圖片的內(nèi)容置于所有圖片的上層酬土,你可以將其設(shè)置為透明。
壓縮特性:
GIF格式采用LZW算法進(jìn)行壓縮格带,此算法是Unisys申請的一項專利撤缴。在很久很久之前,如果你想使用GIF格式叽唱,那么就意味著你需要向Unisys付費申請專利許可屈呕。不過值得高興的是,此項專利技術(shù)已于2003年6月20日過期尔觉,我們現(xiàn)在可以免費的使用GIF了凉袱!
隔行掃描:
GIF同時也支持隔行掃描。隔行掃描能夠令圖片在瀏覽器中更快的加載和顯示侦铜。此特性對于那些慢網(wǎng)速的瀏覽者來說尤其實用。
動畫GIF:
一個動態(tài)的GIF文件钟鸵,是由若干幀圖片所聯(lián)結(jié)而成的動態(tài)圖片钉稍。在顯示時,這些動態(tài)幀被反復(fù)的繪制讀取出來從而形成了簡單的動畫效果棺耍。合理的運用GIF動畫能夠為網(wǎng)頁增添動靜結(jié)合的效果贡未,而過度的使用則會使網(wǎng)頁雜亂無章。
3.PNG
PNG蒙袍,讀“ping”俊卤,初始時被作為GIF的免費替代格式所開發(fā),采用公共專利壓縮算法害幅。PNG格式也是一種無損壓縮消恍,但與GIF格式不同的是,PNG同時支持8位和24位的圖像以现。
8位PNG圖像:
一個8位PNG圖片狠怨,支持透明背景且像素顏色不能超過256種。除了壓縮算法不同之外邑遏,此8位PNG格式與GIF格式極其相似佣赖;
用途:
8位PNG圖片的用途與GIF格式基本相同,
* Logo
* 小圖標(biāo)(Icon)
* 用于布局的圖片(例如某個布局角落记盒,邊框等等)
* 僅包含不超過256種色彩的簡單憎蛤,小型圖片場合
24位PNG圖像:
24位PNG,支持160萬種不同的像素顏色且支持Alpha透明效果纪吮,這就意味著俩檬,無論透明度設(shè)置為多少萎胰,PNG圖片均能夠與背景很好的融合在一起。
對PNG的支持:
由于PNG格式的廣泛使用和開發(fā)者更加重視網(wǎng)頁的WEB標(biāo)準(zhǔn)豆胸,不同瀏覽器對PNG的支持就顯得相當(dāng)重要了奥洼。不過,幸運的是晚胡,目前市場上主流的瀏覽器對PNG格式都有很好的支持灵奖,這包括:IE*, Firefox, Safari, Opera, and Konqueror。
但不幸的是估盘,IE6及IE6以下的瀏覽器對PNG透明背景的支持并不好瓷患。不過我們?nèi)钥梢酝ㄟ^其他方法來解決這個問題,詳情請查看如何在IE6中正常顯示透明PNG遣妥。