CSS Sprite is a CSS technique that reduces the number of requests to the server by combining multiple images into one large image. Normally, when displaying multiple icons in HTML, you have to get each icon to the server, but by using CSS Sprite to reduce the number of requests, the result is reduced. It has the advantage of faster display speed.
The icon that became one image can be cut out and displayed by specifying the location with CSS, and it can be used in the same way as the normal icon display.
However, because it is not compatible with image search because it is combined into one image, it is recommended to use it for design images such as icons and decorations.