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 Codigo CSS
Saiba como criar sprite sheets com codigo CSS background-position gerado automaticamente para otimizacao 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 regiao definida dentro da folha. No desenvolvimento web, o CSS background-position e utilizado para apresentar apenas a porcao da sprite sheet necessaria para cada elemento, reduzindo pedidos HTTP e melhorando o desempenho de carregamento da pagina.
5 min de leituraLer o guia completo