Como hacer Sprite CSS con todas tus imágenes

Si quieres utilizar la técnica de CSS Sprite para poner todas tus imágenes en una sola, aquí te lo explico.

En teoría, esta técnica lo que hace es agrupar todas las imágenes en una sola y mediante CSS mostrar unas u otras en la página. El único problema es que te toca hacer la imagen y luego el código CSS pero existen alternativas como por ejemplo SpriteMe, un addon para los navegadores que se ecancargará de hacer todo por nosotros, para ello, tan solo ir a su página y seguir las instrucciones.

Enlace: http://spriteme.org/