Ottimizzare l'uso degli sprite CSS

Mentre Tommaso Baldovino sintetizza in questo post i punti essenziali sull'utilità  e la funzione degli sprite CSS, citando anche un paio di tool per la loro generazione automatica, su Mozilla WebDev Robert Doherty illustra una serie di trucchetti per ottimizzarne l'implementazione.

In sintesi: piazzare le immagini nello sprite sul lato opposto rispetto a quello a cui dovrà  poi apparire sulla pagina, usare il posizionamento esplicito in pixel invece che le keyword bottom o right per la proprietà  background-position, lasciare molto spazio attorno alle singole immagini che compongono lo sprite (specie intorno a quelle più piccole), non preoccuparsi troppo delle dimensioni finali in pixel della composizione.

A tal proposito mette un link allo sprite usato su addons.mozilla.org, un'ottima rappresentazione del concetto per cui l'utilizzo degli sprite può andare ben oltre il semplice rollover.