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

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

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

JPG的特性

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

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

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

PNG的特性

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

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

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

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

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

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

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

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

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

總結(jié)：

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

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