CSS Satyr:好用的CSS Sprites生成工具(拖动排列/自动生成)

倡萌之前推荐过CSS Sprites在线生成工具,今天偶然看到了本地CSS Sprites生成工具:CSS Satyr,感觉非常不错,支持批量添加图片、拖动排列图片,可以设置图片格式和质量,可以自动生成演示界面和图片的css代码,是目前倡萌看到的最好的CSS Sprites生成工具。

CSS Satyr使用方法

  1. 点击“文件” - “添加图片”,选择多幅图片文件;
  2. 工作区内图片,可以拖动图片来调整位置;
  3. 可以通过双击图片,来修改图片的相关信息;
  4. 可以通过“设置” - “生成设置”来调整生成图片质量与文件名称;
  5. 点“生成”,生成图片和网页文件;
  6. 选中图片,按“delete”可以删除图片;

需要注意的是,CSS Satyr是基于 .NET 2.0 开发的,电脑需要安装 .NET 2.0 框架。如果你下载软件没办法使用,请自己安装.NET 2.0。

下载地址:http://shen.li/CSS-Satyr/

支付宝打赏支付宝打赏 微信打赏微信打赏

如果文章对你有帮助,欢迎点击上方按钮打赏作者

最后编辑于:2017/5/28作者: 胡倡萌

一个疯狂的 WordPress 爱好者,喜欢折腾 WordPress 主题,分享 WordPress 资源。如果你也喜欢 WordPress,欢迎和我一起交流!

19 条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注

arrow grin ! ? cool roll eek evil razz mrgreen smile oops lol mad twisted wink idea cry shock neutral sad ???

  1. Johanshen说道:
    16#

    谢谢博主的推荐,2.0版本已发布,同时依托Github开源。多谢
    https://github.com/JohanShen/CSS-Satyr

  2. 前端客说道:
    15#

    CSS Satyr 1.3发布了,本次更新增加切换背景色功能。可以前往前端客下载 http://www.qdker.com/archives/49.html

  3. tianshaomin说道:
    14#

    mac可以用吗

  4. yelo说道:
    13#

    为什么打开就卡死了?进程在后台里还关不掉!

  5. 搞笑说道:
    12#

    挺不错的 收下了

  6. 菠萝说道:
    11#

    试用一下吧。我都是手写。不过手写得不断调试。。。

  7. 云时代说道:
    10#

    :eek: 没有用过这样的工具,都是PS上看坐标,CSS忙着。

  8. 品乐乐说道:
    9#

    :eek: 不好玩。

  9. 耕耘说道:
    8#

    好东西!

  10. furk说道:
    7#

    下载后试用了下,太赞了。苦苦寻找了多久才找到这么好用的工具!谢谢了

    • 胡倡萌说道:

      我也是偶然找到的

  11. 哼哼猪说道:
    6#

    这个不错的,不过对于GIF就无力了

  12. 子说说道:
    5#

    话说这玩意我也在用,几个一起用的

    • 胡倡萌说道:

      哥们之前怎么不分享呢?我可是一直都在找这样的工具

      • 子说说道:

        嗯,那我QQ发给你吧

  13. 贵金属行情说道:
    4#

    非开发人员用的简易工具,挺好适合我

  14. Leon说道:
    3#

    好吧,我一直都是手动~~

  15. voncing说道:
    2#

    :smile: 一直用的在线工具

  16. Tokin说道:
    1#

    看起来很棒,我去体验下,嘿嘿,书记这两天更新步伐变快了哦

扫一扫,用手机访问本站

扫一扫,用手机访问本站