网络上普遍使用的图片预加载技术(一) 2009.07.02 08:03:00
昨天调研网络上的图片预加载技术,包括类似于Google相册等一些图片网站的那种从模糊到清晰的效果,
发现目前网络上普遍使用的技术是这样的(我们似乎以前想复杂了···服务器控制先下部分像素等等··):
#1 假设原图片是1000*1000的高清晰图片,譬如有4M。
#2 服务端除了原图,另外再准备一张该图片的缩小版,如:10*10,大小只有400Byte。
#3 当客户端请求该图时,4M的原图肯定不会马上下好,特别是远程网络,这时先把小图下过来,并拉升到原图大小(这个操作应该是采用无插值算法的直接放大,速度是很快的。)
最后等原图下完,再完整显示清晰的图片。
这样,用户就不会等很久才看到图像,而是看到图像由模糊变清晰这样一个过程。
下面是用JavaScript写的例子:
PreLoadSample