Quem já pesquisou sobre desempenho de sites sabe que existem muitas formas de melhorar, ou seja, tornar o carregamento mais rápido.

Um dos maiores vilões da velocidade de carregamento de um site é uma grande quantidade de arquivos a serem carregados. O navegador demora muito tempo para processar o conteúdo de um site quando existem muitos arquivos a serem baixados, sejam eles .js, .css, imagens etc.

Para resolver isso, é interessante juntar todos os CSS em um único arquivo, todos os JS (JavaScript) em um único arquivo, e por que não todas as imagens em apenas um arquivo? Sim! Isso é possível.

Diversos sites usam essa técnica (YouTube, por exemplo), e existem vários sites que podem criar um Sprite pra você. Um deles é o CSS Sprite Generator (spritegen.website-performance.org).

Nele você vai anexar todos os arquivos em um zip e mandar para o site. A princípio as opções padrão servirão para a maioria das pessoas.

O CSS Sprite Generator irá te fornecer um arquivo PNG de tamanho reduzido com todas as suas imagens mapeadas em um arquivo CSS, que você poderá utilizar no seu site.