雪碧图制作工具是一款集合了网页的开发、合成雪碧图标的工具；通过这款软件，可以快速的改善用户这进行制作雪碧图的时候，需要操作的步骤，如果您还拥有这方面的烦恼，就赶快这河东软件园将css雪碧图制作工具下载来使用试试吧，友好的用户界面，让您这操作的时候，更加的得心应手，上手的速度快，轻松的即可享受到CSS雪碧图网页开发技术！
软件功能
可批量添加素材，可支持从资源管理器拖入素材；
灵活强大的排列和对齐功能；
自由托拽、灵活移动和改变大小；
可生成三态按钮背景图、导航栏背景图，tab标签页背景图等；
实用的查找功能；
支持设计稿的反复修改，轻松替换旧的素材(比如老板或客户不喜欢某个图标素材，要换成他们喜欢的，用本软件就对了)；
便携式设计稿文件(*.cssbg格式)，单个文件内嵌所有素材,如同photoshop的*.psd格式文件；
软件目录里提供了4个经典的“设计稿案例”，让您快速掌握软件的使用方法。
软件特色
1、加快网页加载速度
浏览器接受的同时请求数是10个，如果图片过多会影响整体的视觉效果，而且对于不稳定的网络带宽，加载起来更是噩梦，所以把图片拼接为一张大图，从而加快加载速度，以及加速页面渲染
2、后期维护简单
该工具可以直接通过选择图片进行图片的拼接，当然你也可以自己挪动里面的图片，自己去布局你的雪碧图，直接生成代码，简单易用!
快捷键大全
01单选鼠标左键点击素材(不推荐，因为容易不小心移动了素材), 或CTRL+鼠标右键点击素材(强烈推荐)
02选择邻居↑↓← → 其中的任意一个键
03多选SHIFT+鼠标连续点击多个素材,或拖出虚线框围绕多个素材
04全选CTRL+A
05取消选择CTRL+Z 或单击画布空白处
06添加素材INSERT 或从资源管理器拖入
07删除素材选中素材后，按DELETE
08上移选中素材后，按CTRL+↑
09下移选中素材后，按CTRL+↓
10左移选中素材后，按CTRL+←
11右移选中素材后，按CTRL+→
12快速上移选中素材后，按CTRL+SHIFT+↑
13快速下移选中素材后，按CTRL+SHIFT+↓
14快速左移选中素材后，按CTRL+SHIFT+←
15快速右移选中素材后，按CTRL+SHIFT+→
16扩大宽度选中素材后，按SHIFT+→
17缩小宽度选中素材后，按SHIFT+←
18扩大高度选中素材后，按SHIFT+↑
19缩小高度选中素材后，按SHIFT+↓
20修改素材属性选中素材后（单选），按F8
21保存设计稿CTRL+S
22导出选中的素材选中素材后，按CTRL+E
23生成雪碧图F9
24改变坐标位置鼠标左键双击画布空白区域或拖动
25将选中的素材移动到...选中素材后（单选），按F7
使用方法
工具栏和右键菜单术语
工具栏 分为常用工具栏、对齐工具栏；
右键菜单 必须单选一个素材，然后点击鼠标右键，才会出现右键菜单.
排列对齐
(1)添加多个素材时，设置各素材之间的排列参数
(2)选择多个素材后，再用对齐工具栏进行对齐
对齐工具栏包含6个功能按钮，分别是上对齐按钮、下对齐按钮，左对齐按钮、右对齐按钮、水平等分按钮、垂直等分按钮。
交换位置
步骤1 选中一个素材，然后在右键菜单中选择"设置目标"
设置目标后，素材将显示红色加粗的外框
步骤2 选中另一个素材，然后在右键菜单中选择"与目标交换位置"
导出素材
可点击常用工具栏“导出素材”按钮
或选中一个素材后,在右键菜单里选择"导出选中的素材"及"导出所有素材"菜单项目
常见问题
(1)如何制作三态按钮图？
答:您需要准备3张素材图片，一张是默认状态的按钮背景图，一张是鼠标移动到按钮上的背景图、一张是鼠标点击按钮时的背景图。
然后把这3个素材添加到设计稿，再分别设置3个素材的属性。三态组名必须相同(如都设为"mybutton")，三态类型依次选择"link","hover","active".
如不需要制作三态图，请不要填写三态组名和三态类型。
(2)为什么将素材添加到画布后，素材的尺寸变小了、并且只显示素材的一部分图像？
答:这是因为软件对素材尺寸进行了限制，保证画布的范围内能排列更多的素材。
如素材显示尺寸比原始尺寸小，可通过右键菜单->"自适应图片大小"来让素材按原始尺寸进行显示。
当您不小心缩小或扩大了素材的显示尺寸，都可通过右键菜单->"自适应图片大小"来恢复之前的尺寸。
∨ 展开