CSS Sprites

Generator
http://spritegen.website-performance.org/

https://css-tricks.com/css-sprites-with-inline-images/
Clip: rect(Top, Right, Bottom, Left)
Negative Top, left values - move the image back to the standard position (just use the top-left corner with the negative value)
Top, Left, Bottom, Right  (like X, Y coordinates), just manual shift the position
Div with relative position keep the image as regular flow