2015-11-04 107 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作为文件格式。确保尺寸与您的使用量相匹配,并使用高度和宽度为每个页面设置尺寸。不要使用缩放,特别是从大到小的图像。图像结果可能在屏幕上看起来不错,但文件大小将相同。要真正利用更小的尺寸,请使用图像编辑程序并相应地缩放图像。也玩弄不同的图像压缩。