網(wǎng)頁設(shè)計(jì)中常用的幾種圖片格式有何區(qū)別?

2015-09-05    分類: 網(wǎng)站建設(shè)

網(wǎng)頁設(shè)計(jì)中,圖片格式的選擇非常重要,未經(jīng)優(yōu)化的圖片和不當(dāng)?shù)膱D片格式都會導(dǎo)致網(wǎng)頁加載時間過程和響應(yīng)速度過慢——也就是打開很慢,這樣就會嚴(yán)重影響用戶的體驗(yàn),有時候甚至延遲幾秒就足以使許多新訪客離開。所以在設(shè)計(jì)網(wǎng)站時,設(shè)計(jì)師必須特別注意圖像格式和優(yōu)化,以便在圖片質(zhì)量和加載時間之間找到平衡。


JPG、GIF、PNG都是可以用于網(wǎng)頁設(shè)計(jì)中的圖片格式。網(wǎng)站設(shè)計(jì)中可根據(jù)具體需要選擇不同格式的圖片。


1、JPEG

JPEG是迄今為止最常見的圖像格式,它是網(wǎng)絡(luò)上絕大多數(shù)圖像的選擇格式。JPEG有一點(diǎn)要清楚,它是有損的。換句話說,它犧牲了圖像質(zhì)量來換取更小的文件空間,這也意味著在網(wǎng)站上有更快的加載時間。


所有互聯(lián)網(wǎng)設(shè)備,數(shù)碼相機(jī),Web瀏覽器和現(xiàn)代操作系統(tǒng)都支持此種格式,JPEG是用于不需要大質(zhì)量的靜止圖像的最常用格式。由于它可以顯示數(shù)百萬種不同的顏色,包括較淺和較深色調(diào)之間的明顯區(qū)別,因此適用于幾乎所有情況。


JPEG圖片以 24 位顏色存儲單個位圖。JPEG 是與平臺無關(guān)的格式,支持高級別的壓縮,不過,這種壓縮是有損耗的。漸近式 JPEG文件支持交錯。


優(yōu)點(diǎn):文件小,利于網(wǎng)絡(luò)傳輸;


缺點(diǎn):畫質(zhì)損失。


2、GIF

GIF是在1987年發(fā)明的,GIF跟JPEG一樣,是為了突破早期撥號互聯(lián)網(wǎng)連接的局限性而節(jié)省帶寬發(fā)明的,同時也節(jié)省了當(dāng)時相對較小的硬盤空間。


與JPEG不同,GIF支持動畫視覺效果,因此它一直用于渲染小動畫。因此,它在小圖標(biāo),按鈕和其他導(dǎo)航功能,社交網(wǎng)絡(luò)上的動畫表情符號中是用得最多的。


GIF 圖片以 8 位顏色或 256 色存儲單個光柵圖像數(shù)據(jù)或多個光柵圖像數(shù)據(jù)。GIF 圖片支持透明度、壓縮、交錯和多圖像圖片(動畫GIF)。


優(yōu)點(diǎn):動畫存儲格式;


缺點(diǎn):最多256色,畫質(zhì)差。


3、PNG

PNG用來存儲灰度圖像時,灰度圖像的深度可多到16位,存儲彩色圖像時,彩色圖像的深度可多到48位,并且還可存儲多到16位的α通道數(shù)據(jù)。PNG使用從LZ77派生的無損數(shù)據(jù)壓縮算法,一般應(yīng)用于JAVA程序、網(wǎng)頁或S60程序中,原因是它壓縮比高,生成文件體積小。


PNG最適合用于設(shè)計(jì)和標(biāo)志類的品牌元素,幾乎所有瀏覽器都支持此類格式。該格式也適用于諸如照片類的復(fù)雜圖像,但文件大小是個問題,因?yàn)镻NG占用的空間大大超過JPEG。


優(yōu)點(diǎn):可保存透明背景的圖片;


缺點(diǎn):1、較舊的瀏覽器和程序可能不支持 PNG 文件,2、畫質(zhì)損失。

文章題目:網(wǎng)頁設(shè)計(jì)中常用的幾種圖片格式有何區(qū)別?
文章出自:http://www.muchs.cn/news/32790.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供建站公司網(wǎng)站排名、標(biāo)簽優(yōu)化Google、服務(wù)器托管網(wǎng)站收錄

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司