Gerador de sprite sheet
Combine imagens em um sprite sheet com código CSS gerado automaticamente. 100% no navegador.
Ctrl+Enter executarCtrl+Shift+C copiar
Saiba mais
Gerador de CSS Sprite Sheet: Combinar Imagens com Código CSS
Saiba como criar sprite sheets com código CSS background-position gerado automaticamente para otimização web.
O que são CSS Sprite Sheets
Uma sprite sheet combina multiplas imagens pequenas num unico ficheiro de imagem maior. Cada imagem individual ocupa uma região definida dentro da folha. No desenvolvimento web, o CSS background-position e utilizado para apresentar apenas a porção da sprite sheet necessaria para cada elemento, reduzindo pedidos HTTP e melhorando o desempenho de carregamento da página.
5 min de leituraLer o guia completo