圖片png和jpg的區別（照片jpg和png有什麼區別）

運營或其他崗位的網際網路人，跟圖片打交道是家常便飯，沒有設計團隊的公司，內容編輯/運營人員只能承包作圖的活兒。當我們利用PS做好圖，儲存靜態圖時一般用得最多的就是JPG和PNG格式，那麼，選哪個格式好？有什麼區別？

汽車運營旺一方面隨著工作經驗的積累，另一方面提需求時也會向設計師請教，所以才有這篇乾貨的分享。針對上面提到的問題，咱們就展開來說說。

檔案的大小

同樣畫素的圖片儲存時，PNG格式的圖片大小會大於JPG格式的，所以會佔用較多空間，但品質更佳。

壓縮

JPG圖片會有一定的壓縮，如果一張JPG圖片被不斷儲存多次，質量會越來越差。PNG圖片會得到較好無損的壓縮，圖片品質高。

關於透明

JPG圖片並不支援透明，PNG支援透明（透明是指圖片背景是透明的一種圖片格式）。可以看看下面的例子幫助理解：

在上方截圖裡，咱們可以看到有兩個圖層，下方的圖層就是一個無任何東西的透明背景圖層。現在，咱們Ctrl s進行儲存，如果儲存為JPG格式，透明背景會自動被填充為白色，並一起顯示；如果儲存為PNG格式，就可以只顯示汽車的圖片，而不會顯示旁邊的透明區域。

效果如上圖所示，命名為333的圖片儲存為JPG格式，命名為334的圖片汽車運營旺將其儲存為PNG格式。可以看到，PNG格式的圖片可以支援透明背景。可能有人會問了，支援透明有什麼用啊？汽車運營旺會在下面繼續講。

人無完人，圖無完圖，看要求

通過上面的對比分析，應該會有人認為以後儲存為PNG就可以了。但是，很多時候恰恰相反，因為需要看具體的應用情況。

比如一個汽車網站，車型庫裡有許多張編輯們辛苦拍攝的美圖，如果放的很多都是PNG格式的圖片，那麼肯定會影響網頁的載入速度，給伺服器增加負擔，在不明顯失真的情況下，圖片會按要求儲存為JPG格式。

上圖是我之前在太平洋汽車網任職內容編輯所拍攝的圖片，那時候帶我的高階編輯也有制定圖片上傳規範：需要確保圖片為JPG格式。這也是為了讓圖片儘可能的小點，提升網頁的載入速度。

另外像最常見的摳圖，一般摳圖儲存的則用PNG格式，帶有背景的咱們就儲存為JPG格式即可。像汽車品牌LOGO或其他圖示類圖片的上傳，咱們要儲存的就是PNG格式，這是為什麼呢？

首先，LOGO本身畫素並不大，儲存為PNG格式還能保證圖片沒有鋸齒狀，影象邊緣看著舒服柔和些，上傳的LOGO圖片基本我們都是摳圖而成，確保背景透明，所以這種情況咱們可以儲存為PNG格式。

截圖內容來自“玩車教授”小程式，任職期間汽車運營旺就負責該小程式的產品運營工作，當時主要盯的是內容方面。上方的汽車品牌LOGO，就是之前我和小夥伴們上傳的PNG格式圖片。雖然我已離開該公司，不過接力的一位好兄弟騷念也很負責任，整體日常運營工作也做得不錯。

關於儲存靜態圖時用JPG還是PNG格式的選擇，相信你已有判斷，在日常工作中也可以多加留意，因為你所在公司可能會有一定的圖片上傳要求。當你選擇PNG時，也就是選擇了佔用空間較大的圖片/圖片品質好/沒有鋸齒/支援透明，比如LOGO和圖示的應用；當你選擇JPG時，也就是選擇了不支援透明/體積小/方便快速下載瀏覽/色彩鮮豔，比如汽車網站車型庫裡的車型圖片應用......

本期就分享到這。更多精彩汽車和運營內容、乾貨技巧分享，請繼續關注公眾號：汽車運營旺。