Css Sprite Tools(雪碧图生成工具) V1.0 官方版下载

Css Sprite Tools 是一款专业实用的CSS图片合成软件。该款工具可以将CSS中定义的小背景图片合成为一张大的背景图,减少服务器的http连接数,加快网站访问速度,知识兔支持背景定位和数字准确定位背景图片位置。

Css Sprite Tools

【功能特点】

1、利用 Css Sprite Tools 能很好地减少了网页的http请求,知识兔从而大大的提高了页面的性能,这也是Css Sprite Tools最大的优点,也是其被广泛传播和应用的主要原因;

2、能减少图片的字节,曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。

3、解决了网页设计师在图片命名上的困扰,只需对一张集合的图片上命名就可以了,不需要对每一个小元素进行命名,知识兔从而提高了网页的制作效率。

4、更换风格方便,只需要在一张或少张图片上修改图片的颜色或样式,整个网页的风格就可以改变。维护起来更加方便。

Css Sprite Tools

【软件特色】

1.加快网页加载速度

浏览器接受的同时请求数是10个,如果知识兔图片过多会影响整体的视觉效果,而且知识兔对于不稳定的网络带宽,加载起来更是噩梦,所以把图片拼接为一张大图,知识兔从而加快加载速度,知识兔以及加速页面渲染。

2.后期维护简单

该工具可以直接通过选择图片进行图片的拼接,当然你也可以自己挪动里面的图片,自己去布局你的雪碧图,直接生成代码,简单易用。

Css Sprite Tools

【使用方法】

1.用ps或者dw把需要的图片切下来

2.知识兔打开 Css Sprite Tools

下载安装并运行exe文件

3.知识兔打开图片

知识兔点击左上角按钮,知识兔选择多幅小背景图片,知识兔点击打开按钮

4.排布图片

可以选择上面的最上面按钮今天横竖的默认排布,知识兔也可以鼠标选中图片拖动位置,拖动完成后程序会根据内部图片的位置生成面积最小的雪碧图,当然也会改变相应的图片位置

5.代码生成

在程序中可以生成sass代码,知识兔以及css代码,看自己需要嘛,自己选择,选中“是否是手机端”的时候会把所有的尺寸除以2,因为手机端往往会设计图比较大,所以要缩放,知识兔建议生成图片后再复制生成的代码

6.保存雪碧图

知识兔点击“生成雪碧图”按钮,程序会默认选中你在第3步的时候打开图片的地址,然后知识兔点击确定后生成雪碧图。

下载仅供下载体验和测试学习,不得商用和正当使用。

下载体验

请输入密码查看下载!

如何免费获取密码?

点击下载

评论