从模糊到清晰的魔法——渐进加载图片的几种方法总结

方法一：

预置两张图片：hd.jpg和ld.jpg，分别作为快速加载的预览图和原图，预览图可以采用高压缩率并缩放尺寸，追求一个“小”字。

这种方法适用的网络特点为：响应时间快，但是带宽小，原图尺寸巨大。

<img src="ld.jpg" name="myImage" width="100%" id="myImage"/>
<script language="JavaScript" type="text/javascript">
	var img = new Image();
	img.src = "hd.jpg";
	img.onload = function() {
		document.getElementById('myImage').src = this.src;
	}
</script>

方法二：

待续