1. PNG 格式圖片

PNG 圖片屬于無損壓縮格式，也就是說它會比 JPG 圖片更大，而且相比于 JPG，它最大的優勢在于可以保存圖像的透明通道。

換句話說就是圖片可以擁有透明、半透明背景。

這就極大的方便了廣大開發者，我們把同樣一張圖用分別用 JPG 和 PNG 兩種格式放在桌面上給大家展示一下兩者間的區別：

左邊是桌面圖標，可以看到圖標是透明的。

而 PNG 雖然也透明，但是卻能看出來有個方形的邊框，這個是系統為我們自動添加的，目的是為了便于區分是圖標還是圖片，實際上這個圖片是沒有邊框陰影的。

而最右邊的 JPG 就很一目了然了，它將所有原本透明的地方全部填上了白色。

2. JPG 和 PNG 的應用場景

看起來 PNG 好像更加優秀，但實際上在日常生活中卻是 JPG 運用的更加廣泛。
比如照片，就算用再牛的相機也不可能拍出透明的顏色。

當然你可能會說我拍個冰塊或者拍個玻璃，那不就是透明的顏色了嗎？

其實不然，玻璃后面的東西也是有顏色的吧，而且它還會存在著一定的反射與折射，因為如果一個玻璃或者冰塊完全透明的話，你是不可能看得見這個冰塊玻璃的，正是因為它反射了一些光才得以讓人看到它，既然反射了光那么就會有顏色，有顏色就沒有必要保存透明通道了，多保存一個透明值會導致圖片的體積大不少呢。

而 PNG 的應用場景則一般是圖標等，比如手機 APP，無論你換了什么樣的主題什么樣的背景，它的圖標依然是帶形狀的，大家可能會以為圖片本來就是 APP 的形狀，其實在計算機中圖片只有矩形這一種形狀，不可能會有什么圓形的圖片或者三角形的圖片，用戶之所以看到三角形或圓形的圖片的原因就是把三角形以外的部分都透明了，所以看起來像是圖片就是這個形狀的。

3. 小結

PNG 和 JPG 通常都有著各自的場景，但圖片不僅僅只有這兩種格式，計算機圖片的格式非常多，下一小節我們將簡單介紹一下可縮放圖形格式 SVG。