Max
(@clementsm)
Sprites are nothing other than combining all your images into one single large image by tiling them. You can do this in photoshop or a similar picture editor quite simply:
Your CSS gets a little picky as you want to be sure that the element you apply the sprite too clips in a way that the rest of the sprite does not show else it will look weird.
Here is an example of a sprite that I use on one of the sites I built:
social-sprite-32px.png
If you google a bit, you can actually find generators that will take the images on a page, combine them, and spit out some css for you
You can pick and choose what images to include, etc. I had some success on another site doing that, unfortunately I forget which service worked best – I did try quite a few if I recall