一、首先我們來介紹下矢量圖和位圖
矢量圖和位圖，一般情況下我們都使用位圖；
矢量圖的優點在於文件相對較小，並且放大縮小不會失真。缺點則是這些完美的幾何圖形很難表現自然度高的寫實圖像。
位圖的優點是利於顯示色彩層次豐富的寫實圖像。缺點則是文件大小較大，放大和縮小圖像會失真；位圖又叫 像素圖或柵格圖。
盡管我們在web頁面中所使用的JPG、PNG、GIF格式的圖像都是位圖，即他們都是通過記錄像素點的數據來保存和顯示圖像，但這些不同格式的圖像在記錄這些數據時的方 式卻不一樣，這就是涉及到有損壓縮和無損壓縮的區別。
二、我們再來介紹有損壓縮和無損壓縮
有損壓縮-你看到的不一定是真實的 JPG是我們最常見的采用有損壓縮對圖像信息進行處理的圖片格式。
無損壓縮-最精確的拼圖 PNG是我們最常見的一種采用無損壓縮的圖片格式。
這里我們不妨把JPG和PNG的一些特性進行一個簡單對比：
格式 壓縮模式 交錯支持 透明支持 動畫支持 JPG 有損壓縮 支持 不支持 不支持 PNG 無損壓縮 支持 支持 不支持
三、 JPG的特性 1
、支持攝影圖像或寫實圖像的高級壓縮，並且可利用壓縮比例控制圖像文件大小。
2、有損壓縮會使圖像數據質量下降，並且在編輯和重新保存JPG格式圖像時，這種下降損失會累積。
3、JPG不適用於所含顏色很少、具有大塊顏色相近的區域或亮度差異十分明顯的較簡單的圖片。
PNG的特性
1、能在保證最不失真的情況下盡可能壓縮圖像文件的大小。
2、PNG用來存儲灰度圖像時，灰度圖像的深度可多到16位，存儲彩色圖像時，彩色圖像的深度可多到48位，並且還可存儲多到16位的α通道數據。
3、對於需要高保真的較復雜的圖像，PNG雖然能無損壓縮，但圖片文件較大，不適合應用在Web頁面上。
四、應用
什么時候應該使用PNG
根據經驗具備上述條件的圖像一般是使用photoshop或其他軟件中的矢量工具進行繪制然后再保存成位圖的圖像。
什么時候應該使用JPG
對於寫實的攝影圖像或是顏色層次非常豐富的圖像采用JPG的圖片格式保存一般能達到最佳的壓縮效果。
根據經驗我們在頁面中使用的商品圖片、采用人像或者實物素材制作的廣告Banner等圖像更適合采用JPG的圖片格式保存。
技術博客大牛： a、https://link.zhihu.com/?target=http%3A//www.ibm.com/developerworks/都是一線工程師，技術性很強。
b、https://link.zhihu.com/?target=http%3A//www.infoq.com/都是大牛寫的文章
c、https://link.zhihu.com/?target=http%3A//www.oracle.com/technetwork/java/javase/overview/index.html/Java 官網，工具，資料下載。
d、https://link.zhihu.com/?target=http%3A//www.tutorialspoint.com/java/Java 教程，什么框架都有。