Voltar ao Início
Gerador de Sprite Sheet – Sprites CSS e Atlas de Texturas
Empacote várias imagens numa única sprite sheet e obtenha as posições exatas de background CSS e um mapa JSON estilo TexturePacker. Ideal para sprites CSS, ícones web e frames de animação de jogos. Reordene, defina colunas e preenchimento, depois descarregue a sheet e as suas coordenadas. Gratuito, privado e 100% no seu navegador.
Carregar imagens para empacotar
Formatos aceites: JPG, PNG, WEBP, BMP, GIF (não animado)
Cole (Ctrl/⌘+V) ou largue uma imagem — ou importe de um URL
Combine muitas imagens pequenas numa única folha de sprites para acelerar o seu site ou jogo. A Image Machine agrupa os seus ícones ou frames numa imagem no navegador — sem upload, sem conta — para que possa servi-los numa única requisição. A folha é montada no seu dispositivo e os seus ativos permanecem privados.
Como Funciona
Escolha uma ferramenta
Escolha entre 120+ ferramentas para redimensionar, converter, comprimir ou melhorar a sua imagem.
Carregar e editar
Arraste e largue a sua imagem e ajuste as definições. Permanece no seu dispositivo.
Transferir
Guarde o seu resultado instantaneamente — sem marca de água, sem necessidade de registo.
Porquê o Image Machine?
Os seus ficheiros nunca saem do seu dispositivo
Todo o processamento é executado localmente no seu navegador. As suas imagens nunca são carregadas para um servidor.
Completamente gratuito
Todas as ferramentas são gratuitas, sem limites, sem marcas de água e sem custos ocultos.
Extremamente rápido
Sem espera de carregamento — as suas imagens são processadas instantaneamente no seu próprio dispositivo.
Qualidade profissional
Resultados com perfeição ao pixel e controlo total sobre o formato, o tamanho e a qualidade.
Perguntas Frequentes
Para que serve uma sprite sheet?
Uma sprite sheet reúne muitos pequenos gráficos — ícones, botões ou fotogramas de animação — numa única imagem. Carregar um único ficheiro em vez de dezenas reduz os pedidos de rede, o que acelera as páginas Web e os jogos.
Como utilizo a sprite sheet num site?
Apresente a imagem combinada e desloque a sua posição com a propriedade background-position do CSS para mostrar apenas o ícone de que precisa. Os motores de animação funcionam da mesma forma, percorrendo os fotogramas reunidos na sheet.
Combinar imagens reduz a qualidade?
Não — cada imagem é colocada na sheet com a 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.