No site, haverá muitos ícones e imagens que solicitarão arquivos ao servidor. Com vários ícones que precisam ser solicitados individualmente, isso aumenta a pressão sobre o servidor e reduz significativamente a velocidade de carregamento da página. Portanto, para reduzir efetivamente o número de solicitações que o servidor recebe e envia, e melhorar a velocidade de carregamento da página, surgiu a técnica de Sprites CSS (também conhecida como CSS Sprites, CSS Sprite).
O gerador de sprites permite que você combine várias imagens em uma única. No código da sua página web, através da propriedade `background` do CSS, você informa ao navegador para ler a imagem específica de um determinado local e tamanho no sprite e exibir essa imagem na página.