webrebuild.org第四届年会——金秋四城联动

邀您参加“裸奔”

在你对CSS华丽的效果着迷时,别忘了在华丽外表下面,最原始的文字。

邀您参与每年4月9号的“CSS裸奔节”,详情请登陆webrebuild.org

CSS Sprites 样式生成工具 2.0

Ghost 发表于 [2009-06-02 14:25]

感谢大家对《 CSS Sprites 样式生成工具 》的喜爱,综合了1.x版本时大家所提出来的意见和建议,2.0版本主要的改变有下面几点:

  • 修改了操作的界面,更多的区域用于图片的操作。
  • 1.x版本时图片放大后如果当前层不在显示区里则需要手动调整位置,不是很方便,为此增加了放大时定位到当前层的功能。
  • 蝎子提到的图片放大后边界变模糊的问题,在这个版本中对图片的放大方式做了调整,放大后不消除锯齿,不过第一次放大时速度会较慢(视图片大小)。
  • 对于实际工作中有些icon过小,放大到4倍后仍不足够方便操作的问题,增加了放大6倍的功能(当图片宽高在150px内时可使用)。

CSS Sprites 样式生成工具 2.0界面
bg2css v2.0 2009-5-12
+优化操作界面
+放大时定位到当前层位置
+图片放大不消锯齿
+图片放大6倍(用于原图过小的情况,大图片慎用)
(fix)图片放大后添加层再缩小信息出错

bg2css v2.1 2009-5-20
+窗口改变时保持当前层在窗口中
(fix)移动当前层信息框时当前层变灰
(fix)放大后载入新图层没有初始化

bg2css v2.2 2009-5-27
+优化操作界面,操作区扩展到整个窗口
+程序菜单
+右键菜单
(fix)数字输入框内容不容易选中

bg2css v2.2 2009-6-2
+图片缩放增加快捷键
+新的程序图标(感谢 PJ 设计的新图标)
(fix)当前信息层会被层挡住

更新方式:

  • 直接到 Download 里下载
  • 在1.x版本使用“检查更新”

文章地址:http://www.cssforest.org/blog/index.php?id=131

CSS Sprites 样式生成工具 2.0》采用的授权是创作共用的 “署名-非商业性使用-相同方式共享 3.0 通用许可”.

文章被分类到:bg2css


评论也精彩

  1. 墨尔本 在 479 日 之前 说:

    为什么大家都要用css sprites呢?

  2. dudo 在 477 日 之前 说:

    很好用,省去了不少麻烦
    @墨尔本:使用CSS Sprites的好处就是,可以节省图片的体积,但最重要的是可以减少http请求次数。具体可以Google《提高网站性能的34条守则》

  3. 家常菜的做法 在 472 日 之前 说:

    这下可真是方便了

  4. weilaixu 在 472 日 之前 说:

    支持鬼哥

  5. converter 在 471 日 之前 说:

    的确是很好用的工具

  6. paradisezj 在 467 日 之前 说:

    鬼哥,一直很关注你写的文章,非常受用。
    刚才花了些时间使用了一下新的css sprites 2.0。比早版本好用了不少,使用下来感觉还有几个建设性建议:

    1.界面中能否加入类似ps的辅助线功能,因为发觉在拉动感应层的时候要做到精确还是挺不容易的,特别是对于一些渐变图片。

    2.对于层的类别信息能否在拉动好感应层后就可修改,不太清楚现在的id名称是怎么个规则,如果我一次性做好所有的感应层,再去改id就不太方便了。不过貌似id名称暂时用不到。

    3.功能按钮的排列能否调整一下,比如当前层信息和,所有层信息应该放在一起,旁边跟着复制当前层样式,这应该是个使用过程的流。上面都是些功能按钮,最下面的大按钮就都是软件操作按钮了。

    4.还有在层的信息选择的时候,选中数字貌似不太容易,这个不知是啥原因。

    个人建议,仅供参考,很佩服鬼哥能共享出这样好的小工具。希望得到您的回复。

  7. Ghost 在 466 日 之前 说:

    @paradisezj 很感谢你的建议,会在后继版本中优化。对于辅助线的功能,1.x的时候已经有同学提出来了,一直没能实现,后面再想想办法。

  8. Linr 在 464 日 之前 说:

    严格的说,这个工具并不是我想要的,我想要的是可以直接在PS里完成对图层进行自动css sprites的工具。PS插件可以做得到。希望你可以在这方面研究一下。

  9. Ghost 在 464 日 之前 说:

    @Linr PS可以直接生成WEB页面!

  10. Robin 在 461 日 之前 说:

    鬼呀, 今天体验了下这个工具. 还是很不错的, 但有些小细节应该可以让它更方便.
    -> 不知道我笨还是怎么的, 一打开这个工具完全不会用. 不知道该打开多个小ico还是打开拼好的ico. 做了几次尝试未果. 后来无意中发现双击可以添加层, 但没有在任何地方提示过.
    -> 如果支持键盘来像素级移动层就更好了,鼠标确实不精确.
    -> 可以对功能区域的布局优化一下,使描述能更好的对所描述的对象进行说明.

    别bs我呀鬼哥, 我代表全体内参成员顶你.

  11. Ghost 在 461 日 之前 说:

    @Robin 可以先看下1.x的帮助文档(http://www.cssforest.org/AIR/bg2css/help.html),功能上是差不多的,2.0由于界面改变较大,帮助文档还没有更新。后面会考虑增加一些提示之类的内容。

  12. yauge 在 456 日 之前 说:

    感谢分享,收藏了

  13. 周裕波 在 446 日 之前 说:

    鬼哥,我也来下载一个试试,嘿嘿,自己用PS合并好累哟!
    看你这个简单不!

  14. Sem580 在 158 日 之前 说:

    这个工具太好了,原来用Css sprite 为了定位,眼睛都看花了。

欢迎发表评论
  1. 请不要发表跟文章无关的评论,内容或站点如指向非个人博客地址的以发广告对待!
  2. 为抵制垃圾评论,留言需要先预览再点击提交。
  3. 评论支持textile语法,查看 textile帮助
  4. 还可以使用QQWeb输入法