CSS Sprites 工作流
原文地址：http://css-tricks.com/css-sprites-workflow/
来源：css-tricks
在项目中使用CSS Sprites的情况不是特别多，之前给taobao折腾过一个。之所以少用，是因为网站访问量不够大，加之不晓得何时会改版。这就是小网站的幸福了，不必太在意代码压缩和图片压缩，不会有（啊。。要是我们每个页面节省1kb，一年下来可以省下000,000,000）。当然，待稳定下来，把图片整理下是个不错的事情。比如refollow，好吧。
CSS Sprites的生成网站不少，这里还有张爱民同学的桌面版CSS Sptites生成工具，但是用起来总是不爽。
真正使用CSS Sprites过程中遇到的问题：
1. 优秀的生成工具
2. 遇上增/删/改图片的情况
我想要的CSS Sprites应用功能：
1. 压缩紧凑些，而不是简单的一张图片占一行，多出的空间会让我有罪恶感。
2. 在生成后，精确给出每张图片的background-position。
3. 在增/删/该情况下，尽量只影响当前修改部分的background-position，不必把所有图片都改一遍。
真正符合这两个条件的并不多，实际上我还在寻找中。
这篇文章的介绍的工作流程非常有效，实际上得益于SpriteMe的强大。你可以方便的将该js以书签的方式保存：
1. 无视CSS Sprites，写好CSS代码，P好图片。
#logo {
background: url(images/logo.png) no-repeat;
}
2. 打开demo，点击书签SpriteMe，它会自动收集demo中的图片。
注释background，使用生成的CSS Sprites
#logo {
/* background: url(images/logo.png) no-repeat; */
background: url(images/sprite.png) -10px -579px no-repeat;
}