记忆盒子

      JPEG文件类型在保存时有个自定义压缩编码格式的选项，Fireworks里叫“渐进式浏览器显示”，在Photoshop里叫“连续”（以多条路径下载）。

Fireworks“渐进式浏览器显示”

Photoshop“连续”（以多条路径下载）

      何为“渐进式”图像？

      这个比较容易理解，我们多数看到的图片显示模式，都是从上到下逐渐显示的，这是“标准式”图像；而有的图片是先出现一个很低分辨率的图像轮廓，类似加了马赛克的模糊样子，当图片完全加载完毕时，图片就由模糊变得清晰了，这就是“渐进式”图像。

      “渐进式”图像有什么好处？

      一些人认为，先给用户显示图像轮廓，可以解决在网络网速不好的情况下图像显示缓慢的问题，但也有人认为这样会影响用户UI体验，仁者见仁吧。

      “标准式”图像和“渐进式”图像的演示效果

      通过对“渐进式”和“标准式”图像的多种环境下多次试验，我觉得“标准式”的效果更佳，而“渐进式”效果并不是十分理想。

      演示效果看这里：“标准式”图像 “渐进式”图像

      如果你使用的是非IE浏览器，那么以上两种图片加载的效果区别是明显的，“标准式”图片是从上到下逐渐显示，“渐进式”图片是先显示图片轮廓,，由模糊变清晰。

“标准式”图像加载效果

“渐进式”图像加载效果

      “渐进式”图像在IE里的糟糕表现

      但是如果用户使用的是IE浏览器，那么杯具的事情发生了，对于“渐进式”图像，IE浏览器根本不预先显示低分辨率的模糊图片轮廓，而是一片空白！只有当图片完全加载完后，才唰的一下显示整张图片。这给用户的体验是最坏的。

      因此，本文告诫使用“渐进式”图像模式的童鞋，如果你非要使用“渐进式”，那么最好准备两种图片，在网页上加上浏览器判断，如果是IE浏览器，则采用“标准式”图片，否则才采用“渐进式”图片。

广告

海外云主机

低至54元 - 可退款

立即选购 >

rxinyun

立即选购 >

标签: Image  

※ 网站速度慢？试试网站自动优化工具 ※