Por que usar sprites?

Sprites reduzem requisições, melhorando o desempenho e a organização de ícones.

Criador de Spritesheet + CSS

Faça upload de várias imagens (PNG/JPG/WEBP), gere um spritesheet e receba o CSS com as classes.

Imagens (múltiplas)

Dica: use nomes de arquivo amigáveis. Eles viram classes CSS.

Padding (px)

Fundo

Grade quadrada (auto colunas/linhas)

Prévia

CSS Gerado

As classes seguem o padrão .sprite e .sprite-nome.

Sprites reduzem requisições HTTP, melhorando desempenho e organização de ícones.

Gere facilmente um atlas de ícones/imagens com CSS pronto para colar no seu projeto. Tudo processado localmente.