Trovi il tutorial completo relativo al codice di questa lezione su http://html5andmore.info/sprite-css-con-compass/ dove ti spieghiamo tutto il necessario per fare in modo che sia Compass a generare automaticamente le tue immagini sprite.
Abbiamo già affrontato questo argomento sulle pagine di html5AndMore ma se vuoi comunque rinfrescarti la memoria diciamo semplicemente che un'immagine sprite è semplicemente un'unica immagine contenente le diverse icone che compongono il tuo sito. Generalmente questa è una tecnica molto apprezzata perché permette un notevole risparmio dichiamate HTTP e al tempo stesso crea un unico file di dimensioni ridotte.
Se vuoi approfondire ti rimando all'articolo scritto precedentemente [http://html5andmore.info/css-sprites/] dove ti spiego nel dettaglio cosa sono, perché migliorano le prestazioni del tuo sito web e sopratutto come realizzarle (anche se questo è il vecchio metodo).
Segui l'articolo indicato precedentemente [http://html5andmore.info/sprite-css-con-compass/] per approfondire il nuovo e più veloce metodo per la creazione di immagini sprite!