JPEG文件類(lèi)型在保存時(shí)有個(gè)自定義壓縮編碼格式的選項(xiàng)，F(xiàn)ireworks里叫“漸進(jìn)式瀏覽器顯示”，在Photoshop里叫“連續(xù)”（以多條路徑下載）。
Fireworks“漸進(jìn)式瀏覽器顯示”
Photoshop“連續(xù)”（以多條路徑下載）
何為“漸進(jìn)式”圖像？
這個(gè)比較容易理解，我們多數(shù)看到的圖片顯示模式，都是從上到下逐漸顯示的，這是“標(biāo)準(zhǔn)式”圖像；而有的圖片是先出現(xiàn)一個(gè)很低分辨率的圖像輪廓，類(lèi)似加了馬賽克的模糊樣子，當(dāng)圖片完全加載完畢時(shí)，圖片就由模糊變得清晰了，這就是“漸進(jìn)式”圖像。
“漸進(jìn)式”圖像有什么好處？
一些人認(rèn)為，先給用戶顯示圖像輪廓，可以解決在網(wǎng)絡(luò)網(wǎng)速不好的情況下圖像顯示緩慢的問(wèn)題，但也有人認(rèn)為這樣會(huì)影響用戶UI體驗(yàn)，仁者見(jiàn)仁吧。
“標(biāo)準(zhǔn)式”圖像和“漸進(jìn)式”圖像的演示效果
通過(guò)對(duì)“漸進(jìn)式”和“標(biāo)準(zhǔn)式”圖像的多種環(huán)境下多次試驗(yàn)，我覺(jué)得“標(biāo)準(zhǔn)式”的效果更佳，而“漸進(jìn)式”效果并不是十分理想。
演示效果看這里：“標(biāo)準(zhǔn)式”圖像 “漸進(jìn)式”圖像
如果你使用的是非IE瀏覽器，那么以上兩種圖片加載的效果區(qū)別是明顯的，“標(biāo)準(zhǔn)式”圖片是從上到下逐漸顯示，“漸進(jìn)式”圖片是先顯示圖片輪廓,，由模糊變清晰。
“標(biāo)準(zhǔn)式”圖像加載效果
“漸進(jìn)式”圖像加載效果
“漸進(jìn)式”圖像在IE里的糟糕表現(xiàn)
但是如果用戶使用的是IE瀏覽器，那么杯具的事情發(fā)生了，對(duì)于“漸進(jìn)式”圖像，IE瀏覽器根本不預(yù)先顯示低分辨率的模糊圖片輪廓，而是一片空白！只有當(dāng)圖片完全加載完后，才唰的一下顯示整張圖片。這給用戶的體驗(yàn)是最壞的。
因此，本文告誡使用“漸進(jìn)式”圖像模式的童鞋，如果你非要使用“漸進(jìn)式”，那么最好準(zhǔn)備兩種圖片，在網(wǎng)頁(yè)上加上瀏覽器判斷，如果是IE瀏覽器，則采用“標(biāo)準(zhǔn)式”圖片，否則才采用“漸進(jìn)式”圖片。
