搞 css sprite 用什么工具定位图片片段比较好?

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 3594 天前的主题，其中的信息可能已经有所发展或是发生改变。

拿一张图片,不停修改位置数值来匹配图片片段,太累了

10 条回复 • 2015-03-02 01:27:39 +08:00

kisshere

2015-02-28 19:34:07 +08:00

看见这个：css.v2bo.com 你会觉得这是史上最强大的css sprite神器了

bfti

2015-02-28 21:10:01 +08:00

@kisshere 你开发的么?

jingwentian

2015-02-28 21:22:18 +08:00

css gaga

bfti

2015-02-28 22:05:20 +08:00

@jingwentian 放在github上,竟然不开源... 好用么?

jingwentian

2015-02-28 23:45:39 +08:00

@bfti 试用一下吧, 不是专业前端。个人觉得还好，总比ps上去数像素效率高 :-)

bfti

2015-03-01 00:25:23 +08:00

@jingwentian 快点开源,不然不敢用,怕病毒...

RaymondYip

2015-03-01 14:57:18 +08:00

这个果断得 Grunt 或者 Gulp啊
推荐 Gulp 配置写起来比 Grunt 爽
http://gulpjs.com/
https://github.com/twolfson/gulp.spritesmith

bfti

2015-03-01 19:50:51 +08:00

@RaymondYip 这个源码是多个图片,生成一个图片,sprite自动生成的
但是如果只给一个图片,如何抠出图片,生成css sprite配置呢? 一个个像素调,没调一次,刷新一次浏览器,真是伤不起啊

RaymondYip

2015-03-01 21:28:53 +08:00

@bfti 这个工具合成的生成的时候会把对应的CSS 生成出来,,, 不用调啊刷新浏览器可以再配置个 livereload

bfti

2015-03-02 01:27:39 +08:00

@RaymondYip 我说的情况是图片已经给定,然后从里面用CSS把图标描述出来很麻烦啊,不好调试...