CSS Sprites – Upload Multiple Files and Images

All those web developers out there have often tried various tricks and programs to number of HTTP requests for image resources but not all of them have been successful and often the entire process usually seems more cumbersome.
The idea behind CSS sprites is to combine multiple images into one sprite and then selectively display parts of this sprite with positioning. It involves the following steps:
•    It groups multiple images together into one sprite
•    Then you can evenly space these images, aligned into one or more lines
•    Set this sprite to the background image of an element (usually a list)
•    Position the sprite to display the appropriate image by shifting the X or Y position by a multiple of the spacing
•    Finally you can take benefit of the increased speed and reduced HTTP requests

Using CSS sprites you can combine an unlimited number of images into one. CSS Sprites are the ideal method for dropping the number of image requests. It lets you combine your background images into a single image and use the CSS background-image and background-position properties to display the desired image segment.

GO4 CSS Sprites