freeonlinetools

Gerador de sprite sheet

Combine imagens em uma única folha de sprites

Uma sprite sheet empacota várias imagens num único PNG mais um arquivo de metadados (CSS ou JSON) que mapeia a posição de cada quadro. Usos comuns: animações de jogos, conjuntos de ícones web e poses de personagens — carrega uma imagem em vez de dezenas, deixando as páginas mais rápidas e as animações mais suaves.

Arraste e solte ou clique para enviar

PNG, JPG, WebP, SVG, GIF

O que é Gerador de sprite sheet?

O Gerador de Sprite Sheet combina múltiplas imagens individuais em uma única folha de sprites otimizada. Faça upload dos seus frames ou ícones, configure o layout (grade ou compactado) e exporte a imagem combinada com coordenadas CSS ou metadados JSON.

Como usar

  1. Faça upload das imagens individuais que deseja combinar em uma sprite sheet.
  2. Defina o modo de layout (grade ou compactado), o espaçamento e as dimensões de saída.
  3. Baixe a imagem da sprite sheet junto com os dados de posição em CSS ou JSON.

Resultado

Um desenvolvedor de jogos faz upload de 16 frames de animação de personagem (64×64 cada). A ferramenta os organiza em uma grade 4×4, produzindo uma sprite sheet de 256×256 com coordenadas JSON dos frames para o motor de jogo.

Ferramentas relacionadas

Mesclador de imagens

Combine várias imagens lado a lado ou verticalmente

Inverter cores da imagem

Inverta ou negue todas as cores de uma imagem

Traçador de PNG para SVG

Converta imagens raster em gráficos vetoriais escaláveis

Conversor de imagem para ICO

Converta imagens para o formato de favicon ICO

Ferramenta de pontilhamento

Aplique algoritmos de dithering para reduzir as cores da imagem

Gerador de favicons

Crie favicons em vários tamanhos a partir de qualquer imagem