新聞中心

網(wǎng)站應(yīng)該如何選用圖片格式j(luò)pg、gif、png

類型 : 網(wǎng)站知識(shí)

 

    目前流行的網(wǎng)站圖片格式有三種,分別是JPG、PNG、GIF,然而很多人并不知道三者在選擇的時(shí)候究竟應(yīng)該選誰(shuí)。雖然都可以存儲(chǔ)圖片,但是如果要發(fā)布到網(wǎng)上,就必須考慮速度、大小和失真程度的問(wèn)題。如果你運(yùn)用得好,選對(duì)圖片,那樣便會(huì)使網(wǎng)站的整體體驗(yàn)上升,如果你運(yùn)用得不好,就會(huì)引起反效果。下面我通過(guò)文件大小等多方面的元素來(lái)講一下網(wǎng)站圖片的合理選擇。

 
GIF 圖片
    Gif 算是比較老的圖片格式了,它的色彩效果最低,用gif保存鮮艷的圖片的話會(huì)讓你的網(wǎng)站看上去非??膳隆5莋if有著不可忽視的特點(diǎn):體積小,有著極好的壓縮效果,支持動(dòng)畫,并且支持透明效果,雖然這個(gè)透明沒(méi)有PNG的那樣漸變透明的強(qiáng)大。動(dòng)畫選gif沒(méi)錯(cuò);如果你的圖片只有很單調(diào)的色彩,沒(méi)有漸變色,例如只有紅藍(lán)兩色,那么選GIF最好不過(guò)了!例如百度的首頁(yè)LOGO就是很好的例子,它的大小只有2KB,節(jié)省了資源。
 
JPG / JPEG 圖片
    JPG是數(shù)碼相機(jī)最常用的格式,其特點(diǎn)是色彩還原好,可以在照片不明顯失真的情況下,大幅降低體積,所以體積不很大,缺點(diǎn)是不支持透明。照片類的圖片,例如網(wǎng)站上的Gallery,你想要張貼出來(lái)的自然風(fēng)景之類,最好都用JPG。
 
PNG 圖片
    可謂是最適合網(wǎng)絡(luò)的圖片!PNG的優(yōu)點(diǎn)是,清晰,無(wú)損壓縮,壓縮比率很高,可漸變透明,具備幾乎所有GIF的優(yōu)點(diǎn);缺點(diǎn)是不如JPG的顏色豐富,同樣的圖片體積也比JPG略大。但是PNG應(yīng)該在網(wǎng)站設(shè)計(jì)上被推廣,它是公認(rèn)的最適合網(wǎng)頁(yè)使用的圖片格式。Google就是一個(gè)很好的例子。Google所有站點(diǎn)幾乎全部的圖片資源都是PNG格式。8位的PNG完全可以替代掉GIF。
    PNG有著另一個(gè)優(yōu)點(diǎn),那就是逐次逼近顯示(progressive display):傳輸圖像文件的同時(shí),可以先把整個(gè)輪廓顯示出來(lái),然后逐步顯示圖像的細(xì)節(jié),即先顯示低分辨率顯示圖像,從模糊到清晰,然后逐步提高它的分辨率。這是一個(gè)很好的用戶體驗(yàn)。
 
各方面比較
大小比較:通常地,PNG ≈ JPG > GIF
透明性:PNG > GIF > JPG
色彩豐富程度:JPG > PNG >GIF
兼容程度:GIF ≈ JPG > PNG
 
JPG、PNG、GIF 到底選誰(shuí)
    對(duì)于一個(gè)網(wǎng)站來(lái)說(shuō),按照保證色彩顯示良好同時(shí)文件最小的原則,我的總結(jié)是這樣的:
   一、 網(wǎng)站的LOGO,如果色彩單調(diào),選擇PNG或者GIF,推薦前者。但是如果為了IE6的兼容,選擇后者;
    二、如果你需要?jiǎng)訄D,選擇GIF;
    三、網(wǎng)站上的元素背景圖片(比如按鈕背景、導(dǎo)航條背景),或者很精細(xì)的圖片,還是那句話,如果色彩單調(diào),選擇PNG或者GIF,推薦前者。但是如果為了IE6的兼容,選擇后者,但要考慮失真問(wèn)題;少用JPG,否則會(huì)讓這些東西很難看,除非你用風(fēng)景圖片作按鈕背景;
    四、網(wǎng)站內(nèi)容里,你真實(shí)拍攝的圖片,或者你下載的風(fēng)景圖片,保持JPG來(lái)獲得更好的顯示效果和體積;
地址 : 浙江省湖州市吳興區(qū)加利廣場(chǎng)
QQ : 2279641406 547859428
電話:13735195038 傳真:0572-2198989
電子郵件:cn-hope@163.com 網(wǎng)址:sun6663.com
后普網(wǎng)絡(luò) 版權(quán)所有 Copyright ? 2018 浙ICP備11012944號(hào) 網(wǎng)站地圖 | 免責(zé)申明 | 聯(lián)系我們