首先要提到的是，濟(jì)南網(wǎng)絡(luò)建設(shè)的技術(shù)人員在網(wǎng)站建設(shè)中多多少少都會(huì)使用一些圖片，png、jpg、gif等都有涉及，gif主要用于動(dòng)畫(huà)圖片，在這里不多講，小編主要講的是JPG和PNG兩種圖片格式的區(qū)別。

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

便攜式網(wǎng)絡(luò)圖形（Portable Network Graphics簡(jiǎn)稱PNG）是一種無(wú)損壓縮的位圖片形格式。其設(shè)計(jì)目的是試圖替代GIF和TIFF文件格式，同時(shí)增加一些GIF文件格式所不具備的特性。

JPG的特性

1、支持?jǐn)z影圖像或?qū)憣?shí)圖像的高級(jí)壓縮，并且可利用壓縮比例控制圖像文件大小。

2、有損壓縮會(huì)使圖像數(shù)據(jù)質(zhì)量下降，并且在編輯和重新保存JPG格式圖像時(shí)，這種下降損失會(huì)累積。

3、JPG不適用于所含顏色很少、具有大塊顏色相近的區(qū)域或亮度差異十分明顯的較簡(jiǎn)單的圖片。

PNG的特性

1、能在保證在不失真的情況下盡可能壓縮圖像文件的大小。

2、PNG用來(lái)存儲(chǔ)灰度圖像時(shí)，灰度圖像的深度可多到16位，存儲(chǔ)彩色圖像時(shí)，彩色圖像的深度可多到48位，并且還可存儲(chǔ)多到16位的α通道數(shù)據(jù)。

3、對(duì)于需要高保真的較復(fù)雜的圖像，PNG雖然能無(wú)損壓縮，但圖片文件較大，不適合應(yīng)用在Web頁(yè)面上。

什么時(shí)候應(yīng)該使用PNG

1、圖像上顏色較少，并且主要以純色或者平滑的漸變色進(jìn)行填充。

2、具備較大亮度差異以及強(qiáng)烈對(duì)比的簡(jiǎn)單圖像（如“立刻購(gòu)買”按鈕中的背景和文字）。

什么時(shí)候應(yīng)該使用JPG

1、對(duì)于寫(xiě)實(shí)的攝影圖像或是顏色層次非常豐富的圖像采用JPG的圖片格式保存一般能達(dá)到最佳的壓縮效果。

2、根據(jù)經(jīng)驗(yàn)我們?cè)陧?yè)面中使用的商品圖片、采用人像或者實(shí)物素材制作的廣告Banner等圖像更適合采用JPG的圖片格式保存。 

總結(jié)：

由此可見(jiàn)在存儲(chǔ)圖像時(shí)采用JPG還是PNG主要依據(jù)圖像上的色彩層次和顏色數(shù)量進(jìn)行選擇。一般層次豐富顏色較多的圖像采用JPG存儲(chǔ)，而顏色簡(jiǎn)單對(duì)比強(qiáng)烈的則需要采用PNG。但也會(huì)有一些特殊情況，例如有些圖像盡管色彩層次豐富，但由于圖片尺寸較小，上面包含的顏色數(shù)量有限時(shí)，也可以嘗試用PNG進(jìn)行存儲(chǔ)。而有些矢量工具繪制的圖像由于采用較多的濾鏡特效也會(huì)形成豐富的色彩層次，這個(gè)時(shí)候就需要采用JPG進(jìn)行存儲(chǔ)了。

另外還有一個(gè)原則就是用于頁(yè)面結(jié)構(gòu)的基本視覺(jué)元素，如容器的背景、按鈕、導(dǎo)航的背景等應(yīng)該盡量用PNG格式進(jìn)行存儲(chǔ)，這樣才能更好的保證設(shè)計(jì)品質(zhì)。而其他一些內(nèi)容元素，如廣告Banner、商品圖片等對(duì)質(zhì)量要求不是特別苛刻的，則可以用JPG去進(jìn)行存儲(chǔ)從而降低文件大小。