jpg全名是JPEG，是圖片的一種格式。JPEG圖片以24位顏色儲存單個位圖。JPEG是與平臺無關的格式，支援最高級別的壓縮，不過，這種壓縮是有損耗的。漸近式 JPEG 檔案支援交錯。
行動式網路圖形（Portable Network Graphics簡稱PNG）是一種無失真壓縮的點陣圖片形格式。其設計目的是試圖替代GIF和TIFF檔案格式，同時增加一些GIF檔案格式所不具備的特性。
JPG的特性
1、支援攝影影象或寫實影象的高階壓縮，並且可利用壓縮比例控制影象檔案大小。
2、有失真壓縮會使影象資料質量下降，並且在編輯和重新儲存JPG格式影象時，這種下降損失會累積。
3、JPG不適用於所含顏色很少、具有大塊顏色相近的區域或亮度差異十分明顯的較簡單的圖片。
PNG的特性
1、能在保證在不失真的情況下儘可能壓縮影象檔案的大小。
2、PNG用來儲存灰度影象時，灰度影象的深度可多到16位，儲存彩色影象時，彩色影象的深度可多到48位，並且還可儲存多到16位的α通道資料。
3、對於需要高保真的較複雜的影象，PNG雖然能無失真壓縮，但圖片檔案較大，不適合應用在Web頁面上。
什麼時候應該使用PNG
1、影象上顏色較少，並且主要以純色或者平滑的漸變色進行填充。
什麼時候應該使用JPG
1、對於寫實的攝影影象或是顏色層次非常豐富的影象採用JPG的圖片格式儲存一般能達到最佳的壓縮效果。
2、根據經驗我們在頁面中使用的商品圖片、採用人像或者實物素材製作的廣告Banner等影象更適合採用JPG的圖片格式儲存。
總結：
由此可見在儲存影象時採用JPG還是PNG主要依據影象上的色彩層次和顏色數量進行選擇。一般層次豐富顏色較多的影象採用JPG儲存，而顏色簡單對比強烈的則需要採用PNG。但也會有一些特殊情況，例如有些影象儘管色彩層次豐富，但由於圖片尺寸較小，上面包含的顏色數量有限時，也可以嘗試用PNG進行儲存。而有些向量工具繪製的影象由於採用較多的濾鏡特效也會形成豐富的色彩層次，這個時候就需要採用JPG進行儲存了。
另外還有一個原則就是用於頁面結構的基本視覺元素，如容器的背景、按鈕、導航的背景等應該儘量用PNG格式進行儲存，這樣才能更好的保證設計品質。而其他一些內容元素，如廣告Banner、商品圖片等對質量要求不是特別苛刻的，則可以用JPG去進行儲存從而降低檔案大小。
jpg全名是JPEG，是圖片的一種格式。JPEG圖片以24位顏色儲存單個位圖。JPEG是與平臺無關的格式，支援最高級別的壓縮，不過，這種壓縮是有損耗的。漸近式 JPEG 檔案支援交錯。
行動式網路圖形（Portable Network Graphics簡稱PNG）是一種無失真壓縮的點陣圖片形格式。其設計目的是試圖替代GIF和TIFF檔案格式，同時增加一些GIF檔案格式所不具備的特性。
JPG的特性
1、支援攝影影象或寫實影象的高階壓縮，並且可利用壓縮比例控制影象檔案大小。
2、有失真壓縮會使影象資料質量下降，並且在編輯和重新儲存JPG格式影象時，這種下降損失會累積。
3、JPG不適用於所含顏色很少、具有大塊顏色相近的區域或亮度差異十分明顯的較簡單的圖片。
PNG的特性
1、能在保證在不失真的情況下儘可能壓縮影象檔案的大小。
2、PNG用來儲存灰度影象時，灰度影象的深度可多到16位，儲存彩色影象時，彩色影象的深度可多到48位，並且還可儲存多到16位的α通道資料。
3、對於需要高保真的較複雜的影象，PNG雖然能無失真壓縮，但圖片檔案較大，不適合應用在Web頁面上。
什麼時候應該使用PNG
1、影象上顏色較少，並且主要以純色或者平滑的漸變色進行填充。
什麼時候應該使用JPG
1、對於寫實的攝影影象或是顏色層次非常豐富的影象採用JPG的圖片格式儲存一般能達到最佳的壓縮效果。
2、根據經驗我們在頁面中使用的商品圖片、採用人像或者實物素材製作的廣告Banner等影象更適合採用JPG的圖片格式儲存。
總結：
由此可見在儲存影象時採用JPG還是PNG主要依據影象上的色彩層次和顏色數量進行選擇。一般層次豐富顏色較多的影象採用JPG儲存，而顏色簡單對比強烈的則需要採用PNG。但也會有一些特殊情況，例如有些影象儘管色彩層次豐富，但由於圖片尺寸較小，上面包含的顏色數量有限時，也可以嘗試用PNG進行儲存。而有些向量工具繪製的影象由於採用較多的濾鏡特效也會形成豐富的色彩層次，這個時候就需要採用JPG進行儲存了。
另外還有一個原則就是用於頁面結構的基本視覺元素，如容器的背景、按鈕、導航的背景等應該儘量用PNG格式進行儲存，這樣才能更好的保證設計品質。而其他一些內容元素，如廣告Banner、商品圖片等對質量要求不是特別苛刻的，則可以用JPG去進行儲存從而降低檔案大小。