web前端什么是雪碧图 ？

Question

web前端什么是雪碧图 

Answer 1

1. 雪碧图被运用在众多使用了很多小图标的网站上。

2. 相对于把每张小图标以.png格式文件的形式引用到页面上，使用雪碧图只需要引用一张图片，对内存和带宽更好。

一、使用雪碧图的优点有以下几点：

1. 将多张图片合并到一张图片中，可以减小图片的总大小。

2. 将多张图片合并成一张图片后，下载全部所需的资源，只需一次请求。可以减小建立连接的消耗。

二、雪碧图的制作与使用方法：

1. 使用图像编辑软件如Photoshop将多张图放到同一个图层并导出。

2. 使用自动化构建工具自动拼接合并后的图片。

3. 引用图片时，图片地址为合并后的图片地址。