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