（1）生成一张png格式的整图img.png和对应的css代码，将img放入站点的“images”文件夹，将Css代码粘贴到“img.css”文件中。
（2）html中引用，并使用。如：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="img.css"> <style type="text/css"> </style> </head> <body> <div class="img zoom-out"></div> </body> </html>
div就大小就是原来小图的大小，div 的背景就是小图的图像。OK!
原文：http://www.cnblogs.com/beast-king/p/5282507.html