原文：http://blog.youmila.com/?p=580
CSS Sprites 相信大家很熟，或者不是啥新东东了。但是很多网站还是依然很少做这个，或者很多F2E抱怨这个东东，很费时间或者没有时间来做。
但是实际上有多少人用过CSS Sprites 真正使用过，或者知道如何使用它。
相信有诸多developer觉得切成小图片肯定要比这样合并一张的大图下载快，那您要学学optimize的知识了，关于
这一点，不了解的同学 可以看看这里：“Performance Research, Part 1: What the 80/20 Rule Tells Us about Reducing HTTP Requests” （来自雅虎Tenni Theurer）
可能有的devoper还要说：啊，css sprites 这样的工作一听就感觉很繁琐，感觉上很多工作要做呢~，很麻烦不想做。
现在我要和大家说的是，现在你可以方便了，因为有一个网站已经提供了类似的功能服务，来实现css sprites，从而让css sprites变得简单的多。
下面我就给大家介绍下，这个让你在css sprites变得轻而易举的website tools ：SpriteMe
如何使用sprite me ？
sprite me 是一个bookmark（书签），因此大家只需要把spriteMe添加到自己的书签的工具栏中，访问任意网站需要使用它的时候，只需要轻轻点击一下sprite me就可以哈~
点击以后会在页面的右上方弹出一个覆层。
下面是我对qq首页做的spriteMe 的弹出层；
下面的图片显示的是spriteMe的一些模块的基本功能介绍~
当然在适用它的时候如果我们对它分析的结果中不能做sprite的图片有异议，你可以可以拖拽Non-Sprited Images 的图片直接到上面的Suggested Sprites中，然后点击 make sprite 就可以生成一张css sprites图，至于顶部的new sprite的按钮你可以点击和拖拽list中的任意图片组成一个你想要的
sprite生成。export css可以导出所有图片的定位的css，方便大家应用到自己的css 中。
下面是我用donews.com网站做了个demo的截图
标签： css sprites , SpriteMe
转载注明：转自有米啦
【免责声明：本文翻译仅为外语学习目的，原文作者个人观点与译者及译言网无关】
