网络上普遍使用的图片预加载技术(一) 2009.07.02 08:03:00

昨天调研网络上的图片预加载技术,包括类似于Google相册等一些图片网站的那种从模糊到清晰的效果,

发现目前网络上普遍使用的技术是这样的(我们似乎以前想复杂了···服务器控制先下部分像素等等··):


#1 假设原图片是1000*1000的高清晰图片,譬如有4M。

#2 服务端除了原图,另外再准备一张该图片的缩小版,如:10*10,大小只有400Byte。

#3 当客户端请求该图时,4M的原图肯定不会马上下好,特别是远程网络,这时先把小图下过来,并拉升到原图大小(这个操作应该是采用无插值算法的直接放大,速度是很快的。)

最后等原图下完,再完整显示清晰的图片。

 

这样,用户就不会等很久才看到图像,而是看到图像由模糊变清晰这样一个过程。

下面是用JavaScript写的例子:
PreLoadSample

 posted on 2010-07-02 08:53  Ykwmz  阅读(348)  评论(0编辑  收藏  举报