做过网站速度优化的人肯定都知道，要提高网站的加载速度，硬件方面要好之外，还要减少页面数据量的大小，以及减少请求数量！以前写过一篇优化HTML的文章 《让你的博客跑起来,免费提高页面加载速度的几种方法》 里面提到一些优化的内容！ 减少链接数，我们就需要减少所需加载的文件。通常的做法是合并CSS，JS文件等！ 可是一个网站少不了用CSS 少不了图片，而且图片的数量非常乐观，都是一些不到5KB的文件。
今天发现了一款软件，能把多个小图片整合成一张图片，并生成CSS调用的代码，这样就能够减少请求数，从而提高网页加载速度！
CSS图片合并可以用在很多场合，大字那个网站可以将许多单独的图片，以有机的方式组合起来，从而使其便于维护和更新。图片之间通常会留出较大的空白，使 得图片不会影响网页的内容。但同时CSS Sprite大多使用于较固定的像素定位中，它的弹性较差，收到定位等因素的制约。所以，你需要在可维护性vs降低负载之间权衡利弊，选择最适合你的项目 的方式。
Apple
苹果网站使用CSS图片合并来制作导航菜单的鼠标悬停效果：
Google
Google使用了极其简化的方案：
CSS图片合并常用来合并频繁使用的图形元素，如导航、LOGO、分割线、RSS图标、按钮等。通常它们不会作为网页内容出现，因为涉及内容的图片并不是每个页面都一样。
CSS Satyr（CSS 塞特斯）是一款 CSS Sprites 的小工具。可以将多个小图片整合成一张图片，并生成相应的CSS调用代码。CSS Sprites 样式生成工具也很不错，但是它只对一整幅图片进行操作的。而我们草根基本上很少有人自己去设计一套图标或UI，一般都是通过网站上收集的。于是CSS Satyr就诞生了。
基于 .NET 2.0 开发的，电脑需要安装 .NET 2.0 框架或更高版本的。
使用说明
- 点击“文件” - “添加图片”，选择多幅图片文件；
- 工作区内图片，可以拖动图片来调整位置；
- 可以通过双击图片，来修改图片的相关信息；
- 可以通过“设置” - “生成设置”来调整生成图片质量与文件名称；
- 点“生成”，生成图片和网页文件；
- 选中图片，按“delete”可以删除图片；
下载地址：
CSS Satyr ：http://dl.dbank.com/c0qvc14nkf