精灵图和字体图标的概念

一、精灵图

台前网站制作公司哪家好，找创新互联！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作，到程序开发，运营维护。创新互联自2013年起到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

概念：将网页的所需要一些小背景图像整合到一张大的图片中，在css中利用"background-image"、"background-repeat"、"background-position"、"background-size"的组合找到需精灵图。

“background-position”可以用数字精确地定位出背景图片的位置；"background-size"可以利用数字来改变所定位精灵图的大小。

作用：为了有效减少服务器接收和发送请求的次数，从而提高页面的加载速度。

二、字体图标

概念：字体以图标的显示，看似是图标其实是字体；可以利用css像控制字体大小、颜色那样来控制字体图标样式，但是前提需要去网上下载字体图标。

这里提供两个网站下载字体图标：

1.http://icomoon.io

2.http://www.iconfont.cn

优点：灵活，轻量级，兼容性好；图标易于缩放，是矢量图不会失真，也可以创建自己的图标字。