Voltar ao Início
Gerador de Sprite Sheet – Sprites CSS e Atlas de Texturas
Empacote várias imagens em uma única sprite sheet e obtenha as posições exatas de background CSS e um mapa JSON estilo TexturePacker. Ideal para sprites CSS, ícones da web e quadros de animação de jogos. Reordene, defina colunas e preenchimento, depois baixe a folha e suas coordenadas. Gratuito, privado e 100% no seu navegador.
Carregar imagens para empacotar
Formatos aceitos: JPG, PNG, WEBP, BMP, GIF (não animado)
Cole (Ctrl/⌘+V) ou solte uma imagem — ou importe de uma URL
Combine muitas imagens pequenas em uma única folha de sprites para acelerar seu site ou jogo. Image Machine empacota seus ícones ou quadros em uma imagem no navegador — sem upload, sem conta — para que você possa servi-los em uma única solicitação. A folha é montada no seu dispositivo e seus ativos permanecem privados.
Como funciona
Escolha uma ferramenta
Escolha entre 120+ ferramentas para redimensionar, converter, comprimir ou melhorar sua imagem.
Envie e edite
Arraste e solte sua imagem e ajuste as configurações. Ela permanece no seu dispositivo.
Baixe
Salve seu resultado instantaneamente: sem marca d'água e sem precisar de cadastro.
Por que o Image Machine?
Seus arquivos nunca saem do seu dispositivo
Todo o processamento acontece localmente no seu navegador. Suas imagens nunca são enviadas para um servidor.
Totalmente gratuito
Todas as ferramentas são gratuitas, sem limites, sem marcas d'água e sem custos ocultos.
Extremamente rápido
Sem espera de upload: suas imagens são processadas instantaneamente no seu próprio dispositivo.
Qualidade profissional
Resultado perfeito até o último pixel, com controle total sobre formato, tamanho e qualidade.
Perguntas frequentes
Para que serve um sprite sheet?
Um sprite sheet reúne muitos gráficos pequenos — ícones, botões ou quadros de animação — em uma única imagem. Carregar um único arquivo em vez de dezenas reduz as requisições de rede, o que acelera páginas da web e jogos.
Como uso o sprite sheet em um site?
Exiba a imagem combinada e desloque sua posição com o background-position do CSS para mostrar apenas o ícone que você precisa. As engines de animação funcionam da mesma forma, percorrendo os quadros agrupados no sprite sheet.
Combinar imagens perde qualidade?
Não — cada imagem é colocada no sprite sheet em resolução total. Exporte como PNG para manter tudo sem perdas e com transparência, que é a escolha padrão para ícones e sprites de interface.