What is the use of CSS3 Sprites?

CSS3 Image sprites are a collection of images put in a single image to reduce the number of server requests, thereby saving bandwidth, and avoiding multiple server requests for each image.

#homeDiv {
   width: 32px;
   height: 32px;
   background: url(img_cssprites.gif) 0 0;
}

In the above example, we have combined 3 images into a single GIF, cssprites and we can use CSS to display a specific part as required.