Что такое спрайты?

Lange

Легенда
www-hitchhiker-vflYd9UnY.png

Объясните пожалуйста, как вставляют такие картинки на сайте?
PS Суть в том, что они не по отдельности, а в кучу, и я не понимаю как тут определённая иконка выбирается, и выводится в том месте где нужно.
 

Nightmare

Легенда
Считается расстояние по пикселям, вставляются как background, в background-position вписывается необходимое смещение. Это называтся спрайт
 
Сверху