CSS Sprites are a method of improving web site performance borrowing an image optimization technique from video games – the sprite. This technique was ported to web development around 2003 and a decade later its still a strong practice to be using. Using sprites on your website requires a few steps, from building your sprite image to using it in your style sheet.
- CSS Sprites: Image Slicing’s Kiss of Death by Dave Shea @ A List Apart
- The Mystery Of CSS Sprites: Techniques, Tools And Tutorials By Sven Lennartz @ Smashing Magazine
- CSS Sprites: What They Are, Why They’re Cool, and How To Use Them @ CSS-Tricks
- CSS Sprites Revisited By Niels Matthijs @ Smashing Magazine
And a neat tool for finding x-y coordinates on a CSS sprite image