現如今網站所使用的的圖片格式多種多樣，但是有一種圖片格式佔到了 74% 的使用量。它就是 JPEG，即聯合圖像專家組。這類文件的後綴通常爲 .jpg 或 .jpeg，是攝影中常見的圖片類型。
JPEG 和圖像壓縮
JPEG 是 1992 年開發的一種用於壓縮圖像的格式，是目前 Internet 上最常用的圖像格式，主要用於一些高色深的照片和複雜的圖形展示。JPEG 圖像是使用有損壓縮算法處理過的圖像，在圖像被壓縮時，會丟失細節信息。這是因爲創建 JPEG 圖像的目的是最大限度地減少存儲位數，從而有效地減小文件大小。
依靠壓縮減少文件大小，既可以節省磁盤空間又能縮短傳輸和加載的時間。而更短的傳輸時間讓圖像在網站上的加載速度更快。但是，在大多數情況下，減小文件大小會對內容產生影響。就照片和圖形來說，減小文件大小可能會導致圖像質量降低。過度壓縮雖然讓文件加載速度快但也會嚴重影響觀看效果。
而隨着互聯網速度越來越快，尤其到了 5G 時代，我們對圖片和視頻的清晰度也有了超高的要求。這就導致一些網站爲了保證清晰度，圖片的體積都非常大，我們在瀏覽時就不能一次性看全整張圖，而需要等等圖片逐漸加載。
通常網站使用的 JPEG 的內容顯示通常有兩種類型。
-
基線或標準 JPEG
-
漸進式 JPEG
基線 JPEG（Baseline JPEG）
這是標準的 JPEG 格式壓縮，包括數碼相機和圖像編輯軟件等一些成像產品都會支持。基線 JPEG 最常見的應用之一是在 Web 瀏覽器中呈現的圖像。基線 JPEG 算法在從網絡下載處理數據時逐行渲染圖像。當數據從網絡到達計算機的緩衝區時，數據以流的形式進行處理。雖然壓縮數據的目的是減小文件大小以加快下載速度，但這也取決於網絡的速度和計算機 CPU 處理數據的能力。如果應用程序支持，GPU 還有助於渲染大文件。壓縮時大於 30 MP（百萬像素）的大型高分辨率 RAW 圖像文件可能需要更長的時間來下載和解碼。這就會形成我們查看大圖時比較常見的從上至下逐行顯示，即首先顯示圖像的頂部。然後它會逐行加載到底部，直到顯示出完整的圖像。
這種加載方式在面對特別大的圖片時，往往需要我們等待過長才能看到完整圖片，很容易讓網站流失用戶。爲此，網站一般會選擇相對更好一點的方式漸進式 JPEG（Progressive JPEG）。
漸進式 JPEG（Progressive JPEG）
漸進式 JPEG（Progressive JPEG），即PJPEG，是該標準的三種流行壓縮模式之一。漸進式 JPEG 以特定方式壓縮照片和圖形，與基線 JPEG 不同，PJPEG 在 Web 瀏覽器中呈現時，會首先給出模糊圖像的外觀。然後一點一點地開始圖片渲染，直到它顯示完全渲染的圖像。瀏覽器實際上是逐行解釋圖像，但在佔位符中提供了完整圖像的模糊預覽。隨着 Web 瀏覽器的渲染引擎處理數據，圖像的對比度開始變得更清晰、更詳細。直到最後渲染完畢，用戶將看到完整的清晰圖像。
當然我們一直都在強調沒有什麼是完美的，PJPEG 也有不足，來詳細看一下它的優缺點：
但是相比而言 PJPEG 能夠起到一種很有意義的心理效果，讓用戶有東西可看，而不必坐着乾等大型圖像慢慢顯示在屏幕上。
目前 PJPEG 適用於大部分常用的瀏覽器，包括 Chrome、Firefox 和 Internet Explorer 9 及更高版本。舊版本的 Internet Explorer 在顯示漸進式 JPEG 時存在一些問題，不過這只是很小一部分用戶。而不支持漸進式 JPEG 格式的瀏覽器會像普通 JPEG 一樣加載照片。
創建 PJPEG
一般我們正常使用圖形編輯軟件時，軟件會自動將照片和圖形保存爲普通 JPEG。如果需要創建漸進式 JPEG 則需要手動調整。比如在 Photoshop 中，將圖像導出爲 JPEG 後，在格式中勾選“連續”，即保存爲 PJPEG。
還可以使用免費程序軟件 IrfanView 創建漸進式 JPEG 。
什麼什麼？你說太麻煩？不怕不怕，我要放大招啦！
又拍雲圖片處理支持直接輸出漸進式 JPEG 圖片，使用 圖片 URL + 間隔符 + /progressive/true 參數就可以，想用就用，不怕麻煩！
如果你是網站管理者，如果你正在被高清大圖的加載方式所困擾，可以來嘗試一下漸進式 JPEG 加載哦！除了支持圖片輸出設置，又拍雲圖片處理還支持圖片縮小、放大、裁剪、圖片水印、文字水印、銳化、高斯模糊等 40+ 功能，讓您換個花樣玩轉圖片處理。還在等什麼，趕快來試一試吧！