如何使用精灵图？
使用CSS的-image、-、-的组合进行背景定位，-可以使用数字来精确定位背景图片的位置
** (4) css 和 css3 `制作简单的图标和动画（而不是 gif 图像）**
随着技术的发展，css3可以实现的效果越来越多，比如箭头图标，三角形，梯形等图标，或者一些阴影效果，渐变效果，所以一些简单的图标可以用css来做，而且是多变的
**（5）用SVG技术替换图片**
SVG是一种使用XML描述二维图形和绘图程序的语言，支持透明度、缩放、动画
什么是 SVG？ （摘自）
SVG 代表可缩放矢量图形 ( )
(6) 字体库代替图标
随着技术的更新和浏览器的更新，用字体库来替换一些图标我觉得还是很优秀的，使用字体库不仅可以改变大小，还可以改变颜色
(7) 图片延迟加载(lazy )(js/.js)
有一个页面会很大很长，有很多图片素材，那么所有加载都会变得很慢，所以我们需要修改加载方案，只加载窗口中的图片，当我们都浏览网站时，我们经常会看到会有默认图片，该图片加载成功后会替换默认图片
