标题好像没有表述的十分清楚，直白的说就是在很大的图片上只截取我们需要的位置上的需要大小的图片。现在大家都知道网站技术发展的很快，很多技术较大的网站已经率先的使用了。大家可以看看腾讯会员的网页http://vip.qq.com/，当你想保存其中的一个栏目图片的时候你会发现点击右键后出现的是“背景另存为”这个都能理解，就是现在的图片并不是img标签插入的而是background-image，但是当你保存后你会发现这个背景是一个很大的PNG透明图片，而上面全是网站页面的图片的集合，为什么这么做这么做的好处是什么呢？这又是怎么做的呢？因为在网上找了很多教程没有合适的所以这是自己原创的教程大家转载请表明出处。

腾讯会员的网站截图：

下载背景图片后的几个png图片：

开始言归正传：先说下好处，其实我个人认为这个比较适合用在需要换皮肤的网站上面，当网站打开后需要加载网页中的内容，网站根目录下很多文件，但是只加载关于打开的这个页面的内容，传统做法(网站相关图片都被切割成一个个的小图片)会从上到下的挨个加载网页内的文字图片，但是如果需要换皮肤(前面说到只加载网页相关内容)就意味着需要加载网页中没有的图片，这就需要一部分时间也给浏览的人带来不舒服的效果。但是如果把网页中需要的图片都做到一起，在网页开