判斷一個(gè)宜興網(wǎng)絡(luò )公司的網(wǎng)頁(yè)設計師是否優(yōu)秀,可以從其在WEB開(kāi)發(fā)(或網(wǎng)頁(yè)設計)中是否合理的采用各種圖片格式得出結論。事實(shí)上,或許所有人都知道圖片存在GIF,JPG,SVG和PNG等格式,但并非所有人都知道它們之間的具體區別和使用技巧。
以下是博路網(wǎng)絡(luò )多年宜興做網(wǎng)站得出的經(jīng)驗:
1.JPEG
JPEG格式是一種大小與質(zhì)量相平衡的壓縮圖片格式。通俗一點(diǎn)講,就是:高的壓縮比=低的圖片質(zhì)量=小的文件大小。反之,低的壓縮比=高的圖片質(zhì)量=大的文件大小。由于JPEG文件無(wú)法保持100 %的原始圖像的像素數據,所以它不被認為是一種無(wú)損圖像格式。
jpg用途:
由于這種極其敏感的平衡特性,JPEG非常適合被應用在那些允許輕微失真的像素色彩豐富的圖片(照片)場(chǎng)合。反之,JPEG格式圖片并不適合做簡(jiǎn)單色彩(色調少)的圖片,比如LOGO,各種小圖標(ICONS)。
2.GIF
GIF格式,是為使圖片能夠應用在在線(xiàn)(online)應用程序上所特別開(kāi)發(fā)的圖片格式。Gif,有時(shí)也被成為“Giff”,是一種無(wú)損,8位圖片格式。“無(wú)損”是指100%的保持原始圖片的像素數據信息。專(zhuān)業(yè)名詞“8位”是指,所能表現的顏色深度一個(gè)8位圖像僅最多只能支持256種不同顏色(一個(gè)多余256種顏色的圖片若用gif圖片保存會(huì )出現失真)。
gif用途:
由于8位顏色深度的限制,Gif不適合應用于各種色彩過(guò)于豐富的照片存儲場(chǎng)合。但它卻非常適合應用在以下場(chǎng)合:
* Logo
* 小圖標(Icon)
* 用于布局的圖片(例如某個(gè)布局角落,邊框等等)
* 僅包含不超過(guò)256種色彩的簡(jiǎn)單,小型圖片場(chǎng)合
透明特性:
GIF支持基本的透明特性,這意味著(zhù)你能夠使圖片的某些像素“不可見(jiàn)”。在其被放置到網(wǎng)頁(yè)中時(shí),我們就可以看到通過(guò)這些不可見(jiàn)區域看到此圖片后面的背景顏色(圖片)。此特性非常有用:如果你需要將某個(gè)gif圖片的內容置于所有圖片的上層,你可以將其設置為透明。
壓縮特性:
GIF格式采用LZW算法進(jìn)行壓縮,此算法是Unisys申請的一項專(zhuān)利。在很久很久之前,如果你想使用GIF格式,那么就意味著(zhù)你需要向Unisys付費申請專(zhuān)利許可。不過(guò)值得高興的是,此項專(zhuān)利技術(shù)已于2003年6月20日過(guò)期,我們現在可以免費的使用GIF了!
隔行掃描:
GIF同時(shí)也支持隔行掃描。隔行掃描能夠令圖片在瀏覽器中更快的加載和顯示。此特性對于那些慢網(wǎng)速的瀏覽者來(lái)說(shuō)尤其實(shí)用。
動(dòng)畫(huà)GIF:
一個(gè)動(dòng)態(tài)的GIF文件,是由若干幀圖片所聯(lián)結而成的動(dòng)態(tài)圖片。在顯示時(shí),這些動(dòng)態(tài)幀被反復的繪制讀取出來(lái)從而形成了簡(jiǎn)單的動(dòng)畫(huà)效果。合理的運用GIF動(dòng)畫(huà)能夠為網(wǎng)頁(yè)增添動(dòng)靜結合的效果,而過(guò)度的使用則會(huì )使網(wǎng)頁(yè)雜亂無(wú)章。
3.PNG
PNG,讀“ping”,初始時(shí)被作為GIF的免費替代格式所開(kāi)發(fā),采用公共專(zhuān)利壓縮算法。PNG格式也是一種無(wú)損壓縮,但與GIF格式不同的是,PNG同時(shí)支持8位和24位的圖像。
8位PNG圖像:
一個(gè)8位PNG圖片,支持透明背景且像素顏色不能超過(guò)256種。除了壓縮算法不同之外,此8位PNG格式與GIF格式極其相似;
png用途:
8位PNG圖片的用途與GIF格式基本相同,
* Logo
* 小圖標(Icon)
* 用于布局的圖片(例如某個(gè)布局角落,邊框等等)
* 僅包含不超過(guò)256種色彩的簡(jiǎn)單,小型圖片場(chǎng)合
24位PNG圖像:
24位PNG,支持160萬(wàn)種不同的像素顏色且支持Alpha透明效果,這就意味著(zhù),無(wú)論透明度設置為多少,PNG圖片均能夠與背景很好的融合在一起。
對PNG的支持:
由于PNG格式的廣泛使用和開(kāi)發(fā)者更加重視網(wǎng)頁(yè)的WEB標準,不同瀏覽器對PNG的支持就顯得相當重要了。不過(guò),幸運的是,目前市場(chǎng)上主流的瀏覽器對PNG格式都有很好的支持,這包括:IE*, Firefox, Safari, Opera, and Konqueror。
*但不幸的是,IE6及IE6以下的瀏覽器對PNG透明背景的支持并不好(IE6解決png透明圖片兼容)。不過(guò)我們仍可以通過(guò)其他方法來(lái)解決這個(gè)問(wèn)題,詳情請查看如何在IE6兼容透明PNG。
4.SVG
SVG是一種用XML定義的語(yǔ)言,用來(lái)描述二維矢量及矢量/柵格圖形。SVG以矢量圖形的格式顯示,所以在網(wǎng)頁(yè)上顯示的.svg不管怎么放大縮小,都顯示的非常清晰,及加載速度快。
.svg用途:
以上4種圖片格式是宜興做網(wǎng)站經(jīng)常需要用到的圖片格式,根據實(shí)際圖片,正確選擇對應的圖片格式,對網(wǎng)站加載,顯示效果會(huì )大大提高。如:網(wǎng)站圖片加載速度及網(wǎng)頁(yè)圖片的清晰度會(huì )更好。
