今天在群里討論網頁中關於圖片的優化，聽到一個高大上的名詞漸進式jpg（Progressive JPEG），查了一下又發現了標准型（Baseline JPEG）顯示方式、還有png圖片的交錯式PNG，這才恍然大悟，原來這就是最最常見的兩種圖片顯示方式，相信你也和我一樣見到過，但說不上名字。
1.漸進式Progressive JPEG
1.1顯示方式
這種顯示方式目前來說是最常見的，比如qq空間、百度圖片等等，其效果是：打開圖片后，由於網速原因，只會顯示一張比較模糊的圖片大圖，隨着不斷的加載，圖片會越來越清晰，很牛逼是不是？但代價是需要消耗更多的cpu，但對現在計算機性能來說這算不了什么。
1.2如何把圖片設為漸進式？
用我們強大的ps，在另存為或存儲為web所用格式時勾選連續即可：
圖片另存為：
或者存儲為web所用格式：
當然，偉大的程序員們也可以用各種編程語言來處理圖片，比如c#，python，這些都能對圖片進行加工，這里就不做介紹（ps：學不完的知識啊）。
1.3 交錯式PNG
以上是針對jpg格式圖片的漸進式加載，對於png圖片來說同樣可以設為漸進式：我們只要在另存為時勾選交錯即可：
2.標准型（Baseline JPEG）
要標准型方式顯示的圖片目前已經不太多見了，在我的記憶力好久沒見過一張大圖一點點的從上到下加載進來的了，但這種顯示方式估計大家一樣並不陌生：
這種加載方式需要瀏覽器一格一格的往下刷，到最后才確定圖片的真實高度，感覺很不妥。
2.1生成標准型的圖片
ps默認保存的類型就是標准型：
作為前端開發人員，在切圖時還是建議保存為漸進式，沒什么，只為更好的用戶體驗。想了解更多且英文還不錯的同學可自行google更多信息。