NEWS
建站資訊判斷一個網(wǎng)頁設(shè)計師是否優(yōu)秀,可以看其在WEB開發(fā)(或網(wǎng)頁設(shè)計)中是否能夠合理采用各種圖片格式。事實上,雖然幾乎所有人都知道圖片有GIF,JPG和PNG等格式,但并非所有人都知道它們之間的具體區(qū)別和應(yīng)用技巧。
接下來將給大家介紹:WEB開發(fā)中幾種最受歡迎圖片格式的前世今生以及如何正確的使用它們。
1.JPEG
JPEG格式是一種大小與質(zhì)量相平衡的壓縮圖片格式。通俗一點講,就是:高的壓縮比=低的圖片質(zhì)量=小的文件大小。反之,低的壓縮比=高的圖片質(zhì)量=大的文件大小。由于JPEG文件無法保持100 %的原始圖像的像素數(shù)據(jù),所以它不被認為是一種無損圖像格式。
用途:
由于這種極其敏感的平衡特性,JPEG非常適合被應(yīng)用在那些允許輕微失真的像素色彩豐富的圖片(照片)場合。反之,JPEG格式圖片并不適合做簡單色彩(色調(diào)少)的圖片,比如LOGO,各種小圖標(ICONS)。
2.GIF
GIF格式,是為使圖片能夠應(yīng)用在在線(online)應(yīng)用程序上所特別開發(fā)的圖片格式。Gif,有時也被成為“Giff”,是一種無損,8位圖片格式?!盁o損”是指100%的保持原始圖片的像素數(shù)據(jù)信息。專業(yè)名詞“8位”是指,所能表現(xiàn)的顏色深度——一個8位圖像僅最多只能支持256種不同顏色(一個多余256種顏色的圖片若用gif圖片保存會出現(xiàn)失真)。
用途:
由于8位顏色深度的限制,Gif不適合應(yīng)用于各種色彩過于豐富的照片存儲場合。但它卻非常適合應(yīng)用在以下場合:
Logo
小圖標(Icon)
用于布局的圖片(例如某個布局角落,邊框等等)
僅包含不超過256種色彩的簡單,小型圖片場合
透明特性:
GIF支持基本的透明特性,這意味著你能夠使圖片的某些像素“不可見”。在其被放置到網(wǎng)頁中時,我們就可以看到通過這些不可見區(qū)域看到此圖片后面的背景顏色(圖片)。此特性非常有用:如果你需要將某個gif圖片的內(nèi)容置于所有圖片的上層,你可以將其設(shè)置為透明。
壓縮特性:
GIF格式采用LZW算法進行壓縮,此算法是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
小圖標(Icon)
用于布局的圖片(例如某個布局角落,邊框等等)
僅包含不超過256種色彩的簡單,小型圖片場合
24位PNG圖像:
24位PNG,支持160萬種不同的像素顏色且支持Alpha透明效果,這就意味著,無論透明度設(shè)置為多少,PNG圖片均能夠與背景很好的融合在一起。
對PNG的支持:
由于PNG格式的廣泛使用和開發(fā)者更加重視網(wǎng)頁的WEB標準,不同瀏覽器對PNG的支持就顯得相當重要了。不過,幸運的是,目前市場上主流的瀏覽器對PNG格式都有很好的支持,這包括:IE*, Firefox, Safari, Opera, and Konqueror。
本文由廣州網(wǎng)站建設(shè)公司-三行網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請保留版權(quán)( 廣州網(wǎng)站建設(shè)huiduochem.com )三行網(wǎng)絡(luò)——專注于企業(yè)網(wǎng)站建設(shè)、響應(yīng)式營銷型網(wǎng)站定制,歡迎來電咨詢!熱線:020-85628720、15915767698
上一篇:廣州網(wǎng)站建設(shè)——首頁內(nèi)容設(shè)計經(jīng)驗分享! 下一篇:網(wǎng)站設(shè)計VS網(wǎng)站制作!相互依存,相輔相成!