What are CSS sprites?

CSS sprites are an optimization technique that combines multiple images into a single large file. Then, using the CSS properties background-position and background-size, the desired fragment of this image is selected and displayed. This reduces the number of HTTP requests to the server, speeding up page loading.