1. PNG 格式圖片

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

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

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

左邊是桌面圖標(biāo)，可以看到圖標(biāo)是透明的。

而 PNG 雖然也透明，但是卻能看出來有個(gè)方形的邊框，這個(gè)是系統(tǒng)為我們自動(dòng)添加的，目的是為了便于區(qū)分是圖標(biāo)還是圖片，實(shí)際上這個(gè)圖片是沒有邊框陰影的。

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

2. JPG 和 PNG 的應(yīng)用場景

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

當(dāng)然你可能會(huì)說我拍個(gè)冰塊或者拍個(gè)玻璃，那不就是透明的顏色了嗎？

其實(shí)不然，玻璃后面的東西也是有顏色的吧，而且它還會(huì)存在著一定的反射與折射，因?yàn)槿绻�一個(gè)玻璃或者冰塊完全透明的話，你是不可能看得見這個(gè)冰塊玻璃的，正是因?yàn)樗�反射了一些光才得以讓人看到它，既然反射了光那么就�?huì)有顏色，有顏色就沒有必要保存透明通道了，多保存一個(gè)透明值會(huì)導(dǎo)致圖片的體積大不少呢。

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

3. 小結(jié)

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