> **雪碧图**：Sprite PNG background Icons，是作为切图师、页面重构师、前端页面制作师的一门必备技艺。 > **原料**：CSS背景图片定位，多图标拼合成的PNG图片。 > **制作工艺**：把多个大小相同的图标放在一个PNG图片里，然后用CSS背景图片附加到图标元素中显示，从而减少页面的http请求，缩小图片的总体积。 苹果从前有个导航条，被人不断模仿：  普通PC网页中，雪碧图是比较好做的，这里不赘述。需要学习详情的看官，请自行搜索！ =>小编给你推荐一篇：[CSS sprite的应用](http://www.cnblogs.com/myjavawork/articles/1981345.html) --- 重点开始了~ ### 移动端的雪碧图 这个雪碧图应用到移动端会怎么样呢？