CSS森林

CSS Sprites 样式生成工具

Ghost 发表于 [2009-05-02 16:31]

评论也精彩

1. xhlv 在 496 日 之前 说：

   佩服鬼还能写air，不过个人还是更喜欢用PS，选取、刻度尺或鼠标的坐标可以很快得到想要的数值，css中也只要复制一个样式改改background-position的值就可以了。
   另外对于图标，按16×16或32×32的大小来摆放也可以减少很多获取数据的工作量，直接累加就可以了。

2. 阿肆 在 496 日 之前 说：

   这个还是习惯用手写，我就像个原始社会的人，不太习惯用智能化工具，呵呵。
   可能是现在没有太大的项目要做，不然也会烦了，还在激情期吧。哈哈

3. opera 在 496 日 之前 说：

   我也是习惯手写，ps嘛，一般在定位的时候都会取比图片大小稍微大一些的整数值，比如图片高为35px，我一般在ps中以50px为单位放置图片，这样在写css的时候基本就是位置*-50px，根本不用在ps中量。

4. bcpxqz 在 496 日 之前 说：

   测量大小只用fireworks，选区方法功能很强的。

5. rates 在 496 日 之前 说：

   现在好像非常流行这种将图片合并的工具阿

6. Ghost 在 496 日 之前 说：

   写这个工具也是想在提高效率方面做下尝试，当然也不是说这工具就一定能起到什么作用，每个人习惯的方式不一样。

   使用CSS Sprites并不只是那些很规则的ICON图，也有大小不一的按钮等等，对于有成熟规范的项目可能用处不大，对于活动类的页面，效果可能会较明显，是否真能提高效率，还得在实际工作中应用试试。

7. Jeanne 在 495 日 之前 说：

   赞一个！试用了下，很好用哈！如果图片预览区的图片大小可调就更加完美咯:)

8. 5457 在 495 日 之前 说：

   目前还是手工制作阶段，关键是目前的自动生成工具都不太靠谱….!

9. rain.kx 在 495 日 之前 说：

   呃.好东西..
   很强大.
   学习写一下..

10. lin516 在 493 日 之前 说：

    强，学习研究下！

11. charies 在 492 日 之前 说：

    “因为一般情况下我们不会先切出小图再合并，这不符合工作习惯，我们大多数是在PS里直接保存合并后的图片”

    我一般都是 先切除小图 再进行 合并~
    个人做法 不知道 谁还和我一样

12. Andy 在 491 日 之前 说：

    很失败没用过 CSS Sprites
    可能是我很少切图的原因吧 呵呵
    好久也去试试

13. 潇洒 在 491 日 之前 说：

    呵~ 先留个名。看起来不错。
    有空下一个试试~ 为啥要用 AIR 开发呢？

14. Mandy 在 488 日 之前 说：

    不错 这样方便很多

15. rainaxin 在 486 日 之前 说：

    这个东西怎么说呢，看是用作什么，谁用，有价值是因为用对了地方，所以还是因人还有因环境而异。

16. 寂静猴子 在 485 日 之前 说：

    看到过好几次了，都没下载试过，这次下载了..

17. willyang 在 478 日 之前 说：

    不错，赞一个，看到大家的留言感觉自己好久没上网了！真落后！鬼加油！

18. dudo 在 478 日 之前 说：

    莫非也是裸奔一天？

19. 福清 在 477 日 之前 说：

    赞一个 收下

20. Honk 在 477 日 之前 说：

    不错的工具，感谢分享

21. 开心农场 在 476 日 之前 说：

    我还真没有用过呢
    不错的工具，感谢分享

22. 福清 在 474 日 之前 说：

    收藏备用。。。

23. MarVell 在 473 日 之前 说：

    这个东西啊，优化图片质量，减少图片大小事最头疼的问题了。。。

    如果再遇到临时往大图里面添加东西的话更是一个相当恶心的问题，总之麻烦多多啊。
    关于自动生成工具方面确实不太靠谱，一些企业不还有自动套div的页面么，美名曰自动生成标准化页面。那出来的页子能要么？

24. Ghost 在 473 日 之前 说：

    @潇洒 主要一点是支持MAC，再一点是开发的语言相对容易上手。
    @MarVell 你清楚这个工具是做什么用的吗？

25. mayi 在 472 日 之前 说：

    我觉得用处不大,我用的双22寸显示器.建议做前端开发的一定要双屏幕,现在显示器实在是便宜.

26. 景裔 在 471 日 之前 说：

    还是比较喜欢手写CSS，感觉心里踏实啊。下回修改自己也清楚

27. DeadFire 在 471 日 之前 说：

    这篇文章每天自动发布一次？

28. Ghost 在 471 日 之前 说：

    @DeadFire 有更新。

29. air 在 469 日 之前 说：

    怎么下载链接还是1.41的?鬼

30. Ghost 在 467 日 之前 说：

    @air 下载安装1.4.1版本后点击“检查更新”即可获取最新版本。

31. 德克萨斯扑克 在 464 日 之前 说：

    没用过…我去试试看

32. magie 在 459 日 之前 说：

    刚安装完，还没有学会怎么用

33. 蝎子 在 447 日 之前 说：

    图片放大后能不能不要消除锯齿啊。。。
    http://img365.imageshack.us/img365/2787/20090510144716.jpg
    像这样反而看不清图标的边界了。

    建议不消除锯齿像这样：http://img365.imageshack.us/img365/8859/20090510144742.jpg
    方便划分层…

34. Ghost 在 446 日 之前 说：

    @蝎子 下个版本解决。

35. 超越CSS 在 444 日 之前 说：

    这工具不错

36. JF 在 275 日 之前 说：

    作者你好！我很喜欢用这个工具，一般用来制作导航菜单。可是工具只是方便提供了图片定位的坐标，关于float、a和hover等都要自己写。要是能把这个功能也加进去就真的太好了，再次感谢！

37. Ghost 在 274 日 之前 说：

    @JF 这个已经不是这个工具要考虑的范围了。:)

下一篇：《 [原][更新]最新CSS兼容方案 》 ｜ 上一篇：《 写给应聘页面重构的同学 》

站点中的其它内容