CSS背景图片合并工具是网页制作的辅助工具，用于网页图片处理。 可以生成一个.sprite文件来记录网页中所有图片的信息。 通过这些信息，就可以将一个网页中的所有图片拼接成一张完整的图片。 打开网页时，就相当于加载了一张图片，没有出现任何图片等待加载的现象。
css背景图片合并工具主要特点
1.加快网页加载速度
浏览器同时接受的请求数为10个，如果图片太多，会影响整体的视觉效果，但对于不稳定的网络带宽来说，加载它们更是一场噩梦，所以图片拼接成大图片，然后提升加载速度，加速页面渲染
2、后期维护简单
该工具可以通过选择图片直接拼接图片。 其实你也可以自己移动上面的图片，自己布置你的精灵图片，直接生成代码css背景图大小，很好用！
css背景图片合并工具使用说明
1.使用PS或者dw剪切出需要的图片
2.打开软件，进入软件界面
3.点击左上角按钮打开图片，一次只能打开一种类型的图片文件
4.生成图像时，同时生成.sprite文件。 您可以点击【打开.sprite】按钮选择.sprite文件来恢复精灵图像的原始视图。 .sprite和其中的图像文件必须位于同一文件夹中
5、可以选择图片的布局，也可以用键盘选择图片的拖动位置。 拖动完成后，程序会根据内部图片的位置生成面积最小的精灵图片。 其实也会改变对应图片的位置。 点击【+】和【-】按钮css背景图大小，可以添加和删除图片
6.可以根据需求生成sass代码和css代码。 当您选择“是否是移动端”时，所有规格都会乘以2。由于移动端往往有比较大的设计图，建议放大和缩小。 建议生成图片然后复制生成的代码
7、点击【生成精灵图片】按钮，程序会默认选择您在步骤3中打开的图片的地址，然后点击确定即可生成精灵图片。
生成的同时会生成.sprite文件
发表评论