CSS Sprites are the preferred method for reducing the number of image requests. Combine your background images into a single image and use the CSS background-image and background-position properties to display the desired image segment.CSS sprites also are a way to reduce the number of HTTP requests made for image resources referenced by your site so it will increase page loading speed.This post looks at useful tutorials for CSS Sprites.