漸進(jìn)式：從模糊變清晰，有利于用戶體驗(yàn)，但是低版本IE不支持，會在圖片完全加載完之后，突然顯示！

基線式：支持所有瀏覽器，從上到下加載，用戶體驗(yàn)一般！

*使用漸進(jìn)式j(luò)pg，在ps中選擇“另存為web格式”，在右側(cè)勾選上“連續(xù)”！

在fw中，圖像選項(xiàng)，勾選上“漸進(jìn)式增強(qiáng)”！

下表為其在各個瀏覽器下測試的結(jié)果：

瀏覽器(特定測試版本)漸進(jìn)jpeg前景渲染漸進(jìn)jpeg背景渲染

Chrome

漸進(jìn)地 (相當(dāng)快！)漸進(jìn)地 (相當(dāng)快！)

Firefox (v 15.0.1 Mac, 12.0 Win)漸進(jìn)地 (相當(dāng)快！)文件下載后立即地(慢)

Internet Explorer 8文件下載后立即地(慢)文件下載后立即地(慢)

Internet Explorer 9漸進(jìn)地 (相當(dāng)快！)文件下載后立即地(慢)

Safari (v 6.0 Desktop, v 6.0 Mobile)文件下載后立即地(慢)文件下載后立即地(慢)

Opera (v 11.60)文件下載后立即地(慢)文件下載后立即地(慢)

結(jié)論很簡單，Chrome + Firefox + IE9瀏覽器下，漸進(jìn)式圖片加載更快，而且是快很多，至于其他瀏覽器，與基本式圖片的加載一致，至少不會拖后腿。

漸進(jìn)式圖片其他的補(bǔ)充：

1. 你用永不知道基本式圖片內(nèi)容，除非他完全加載出來；

2. 漸進(jìn)式圖片一開始大小框架就定好，不會像基本式圖片一樣，由于尺寸未設(shè)定而造成回流——提高的渲染性能；

3. 漸進(jìn)式圖片也有不足，就是吃CPU吃內(nèi)存。