What is "spritesheet"

One spritesheet, or sprite sheet, is an image file containing several smaller images to be used separately in an application.

It is a widely used feature in games, where a spritesheet can contain all the frames of an animation (for example, the walk of a character).

On the web, it is a widely used feature to reduce the number of requests to the server during the loading of a website or web application: icons, logos, buttons and other relatively small graphics are compiled into a single larger image file, so that the loading of these resources all no longer represent individual requests to the server. By means of rules of css, you can use the same spritesheet as background-image of multiple elements, each displaying one of the smaller images by adjusting the spritesheet’s dimensions and position.