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

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)站上有更快的加載時(shí)間。

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

JPEG圖片以 24 位顏色存儲(chǔ)單個(gè)位圖。JPEG 是與平臺(tái)無關(guān)的格式，支持高級(jí)別的壓縮，不過，這種壓縮是有損耗的。漸近式 JPEG文件支持交錯(cuò)。

優(yōu)點(diǎn)：文件小，利于網(wǎng)絡(luò)傳輸；

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

2、GIF

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

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

GIF 圖片以 8 位顏色或 256 色存儲(chǔ)單個(gè)光柵圖像數(shù)據(jù)或多個(gè)光柵圖像數(shù)據(jù)。GIF 圖片支持透明度、壓縮、交錯(cuò)和多圖像圖片（動(dòng)畫GIF）。

優(yōu)點(diǎn)：動(dòng)畫存儲(chǔ)格式；

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

3、PNG

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

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

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

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

文章題目：網(wǎng)頁設(shè)計(jì)中常用的幾種圖片格式有何區(qū)別？
文章出自：http://chinadenli.net/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)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)