1. 程式人生 > >提高圖片的清晰度和載入速度

提高圖片的清晰度和載入速度

在處理圖片時,一些圖片載入很慢,把圖片縮放壓成縮圖,但是圖片模糊不清,可以採用下面兩種方法實現載入圖片的高清度,也能提高圖片載入速度,提高使用者體驗

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將圖片畫素壓縮,實現圖片載入高畫素。