2015-11-04 79 views
0

我在我的角度應用程序中有img背景,在慢速連接中圖像加載速度較慢,並且在加載過程中部分顯示。圖片背景緩慢加載

有沒有辦法等到圖像完全加載後才顯示出來?而不是在加載過程中顯示它?

+0

[請在谷歌之前發佈T_T](http://stackoverflow.com/questions/17547917/angularjs-image-onload-event) – Appeiron

+0

使用具有70%質量的_jpeg_圖像,爲web優化,並設置爲加載爲[_progressive jpegs_](https://en.wikipedia.org/wiki/JPEG#JPEG_compression)... – War10ck

+0

實際上,它是一個背景圖片 - 它們不包含在onload事件中。 @Appeiron – Shikkediel

回答

0

很可能是由圖像的大小和分辨率引起的。 要使其加載更快,請使用GIF,PNG-8縮小圖像大小。或JPEG作爲文件格式。確保尺寸與您的使用量相匹配,並使用高度和寬度爲每個頁面設置尺寸。不要使用縮放,特別是從大到小的圖像。圖像結果可能在屏幕上看起來不錯,但文件大小將相同。要真正利用更小的尺寸,請使用圖像編輯程序並相應地縮放圖像。也玩弄不同的圖像壓縮。