CSS Image Sprites

CSS sprites are used to reduce the number of HTTP requests send to server. The smaller images are combined into a larger one at defined X and Y coordinates. After assigning this generated image to relevant page elements, using the background-position CSS property we can then shift the visible area to the required component image. Why we use image sprites: 1 : …