在处理图片时,一些图片加载很慢,把图片缩放压成缩略图,但是图片模糊不清,可以采用下面两种方法实现加载图片的高清度,也能提高图片加载速度,提高用户体验
1、先让客户端加载像素小的缩略图:
< img src="缩略图.jpg" name="pic" width="800" height="600" id="news" />
然后用js处理:
var img = new Image();//新建一个图片对象
img.src = "原图.jpg"; //最终显示的大图
img.onload = function() {
document.getElementById('news').src = this.src;
}
实现预加载缩略图,最终显示像素高的原图,这样做的好处是避免用户长时间等待图片而跳出
2、用ps将图片像素压缩,实现图片加载高像素。