网页设计师必备工具之二--背景图合并自动生成CSS工具

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

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

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

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

网页设计师必备工具之二-背景图合并工具

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

感谢工具的作者 赵玉开

立即下载

查看 CSS 背景图合并工具的相关文章

转载本站原创文章请注明:文章转自 灰狼IT路,链接: https://itlu.org/articles/1518.html

已有 12 条评论

  1. 呵呵,好久不来,新主题不错的哦~

    1. 嘿嘿 还可以吧 不是WP的

  2. 就说你不敢真的日,嘿嘿

    1. 什么东西啊??我又没日你

  3. 哇,连css都能自动生成了,真的假的?

    1. 试试就知道了,还有假

      1. 额,还是不够智能,有些不是我想要的那样生成css

  4. 用这样的工具 是省了不少麻烦!

    1. 是啊,很不错的一个工具

  5. 好用么?

    1. 好用不好用 用了就知道了

  6. 这个很牛了!!

添加新评论