现在一般采用异步加载图片方式。
例如：
<img src="http://img.movie.kankan.kanimg.com/img_default.gif" _src="http://i0.kankan.kanimg.com/gallery2/block/2015/10/20/db032099a435c11db8018d5907bd8bbf.jpg" width="150" height="85" alt="**">
上面的gif图片就是1*1像素的。
哈哈。这问题直接Q问我就是了。亮子。这个是css sprite 也就叫css精灵 、css 雪碧。其实就是，预先把网站上用到的小图片 合到一张图片上，体积反而会变小，且可以减轻服务器负担，使页面加载速度更快。
具体实现方法
利用css的背景图片定位，在某个有着固定宽高的容器只显示这张图片的一部分。
代码：background: url(图片地址) no-repeat 10px 20px
这是随便写的，url是图片地址，no-repeat意思是不重复，10px 20px代表着横向和纵向坐标。
以容器的左上角为原点，图片向右或向下移动，数值就是正，向左或向上就是负。
参考资料： http://baike.baidu.com/view/2173476.htm
术语叫做CSS-Spirit （CSS精灵）就是把细碎的小图排列在一整张图里面我们称之为css-spirit技术，使用的时候用css来分区域来调用。主要好处是减少http请求数，原来分散的几十个图片，分别需要请求几十次，现在只要发送一个请求就行了。用Photoshop把小图片整合成一张，然后在CSS里background-position里找到小图片的相应的位置就可以了。
