Css Sprite Tools(雪碧图生成工具) V1.0 官方版下载
Css Sprite Tools 是一款专业实用的CSS图片合成软件。该款工具可以将CSS中定义的小背景图片合成为一张大的背景图,减少服务器的http连接数,加快网站访问速度,知识兔支持背景定位和数字准确定位背景图片位置。
【功能特点】
1、利用 Css Sprite Tools 能很好地减少了网页的http请求,知识兔从而大大的提高了页面的性能,这也是Css Sprite Tools最大的优点,也是其被广泛传播和应用的主要原因;
2、能减少图片的字节,曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。
3、解决了网页设计师在图片命名上的困扰,只需对一张集合的图片上命名就可以了,不需要对每一个小元素进行命名,知识兔从而提高了网页的制作效率。
4、更换风格方便,只需要在一张或少张图片上修改图片的颜色或样式,整个网页的风格就可以改变。维护起来更加方便。
【软件特色】
1.加快网页加载速度
浏览器接受的同时请求数是10个,如果知识兔图片过多会影响整体的视觉效果,而且知识兔对于不稳定的网络带宽,加载起来更是噩梦,所以把图片拼接为一张大图,知识兔从而加快加载速度,知识兔以及加速页面渲染。
2.后期维护简单
该工具可以直接通过选择图片进行图片的拼接,当然你也可以自己挪动里面的图片,自己去布局你的雪碧图,直接生成代码,简单易用。
【使用方法】
1.用ps或者dw把需要的图片切下来
2.知识兔打开 Css Sprite Tools
下载安装并运行exe文件
3.知识兔打开图片
知识兔点击左上角按钮,知识兔选择多幅小背景图片,知识兔点击打开按钮
4.排布图片
可以选择上面的最上面按钮今天横竖的默认排布,知识兔也可以鼠标选中图片拖动位置,拖动完成后程序会根据内部图片的位置生成面积最小的雪碧图,当然也会改变相应的图片位置
5.代码生成
在程序中可以生成sass代码,知识兔以及css代码,看自己需要嘛,自己选择,选中“是否是手机端”的时候会把所有的尺寸除以2,因为手机端往往会设计图比较大,所以要缩放,知识兔建议生成图片后再复制生成的代码
6.保存雪碧图
知识兔点击“生成雪碧图”按钮,程序会默认选中你在第3步的时候打开图片的地址,然后知识兔点击确定后生成雪碧图。
下载仅供下载体验和测试学习,不得商用和正当使用。