挨踢路

昨天分享了一个浏览器测试工具--IETester 0.4.8 , 今天分享的工具就是合并背景图并自动生成CSS.为什么要分享这个软件呢? 设计们估计很清楚,在网页设计的时候,需要用到很多小图标, 往往的处理方法就是一个个切开,再写进样式表(CSS),可是,从优化或者用户体验的角度来看,这是不科学的.

一个小图,就是一个HTTP链接,一个页面,如有10个小图标,就会有10个HTTP请求,对服务器来说,也是很浪费资源的.所以最好的方法就是将这些小图标合并为一个稍微大点的图.

一来,合并后的图,并不会很大,不会因为网速问题导致加载慢.再者,可以大大的减少HTTP请求.只要加载一张图,就可以将全部小图都加载到了,然后通过CSS的定位来显示对应的图标即可.一般情况下,要定位这个图标,确实是比较辛苦的,要慢慢调整.今天要分享的这个工具,就是你连CSS都不用写了,自动帮你生成.不信?往下看看...

Css背景图合并工具，添加了几个辅助功能：
添加了用鼠标拖动图片或者用方向键改变图片位置的功能
可以设置整幅大图的生成类型，因为png文件在ie6下透明色显示有问题
可以设定大图的背景色，默认为透明色
可以在选中图片之后用“+”按钮添加更多的图片
可以在选中图片之后，用“-”按钮移除图片，或者直接用Delete键移除选中图片
添加了工具图标
下面是最新的截屏

注意,使用此工具需要安装微软的. net framework 2.0

感谢工具的作者 赵玉开