Criar folha de sprites PNG e mapa JSON

Organize de duas a sessenta e quatro imagens raster em células fixas e baixe um PNG e um mapa JSON com origem superior esquerda em um ZIP.

Quando usar esta ferramenta

Empacotar sprites, ícones, miniaturas ou estados de interface em um bitmap previsível com coordenadas de célula legíveis por máquina.

Como funciona o processamento local

As entradas mantêm a ordem, as colunas são limitadas à quantidade real, cada frame recebe célula fixa, conter centraliza a imagem, cobrir preenche e corta, os espaços usam fundo RGBA e o ZIP inclui PNG e JSON determinístico.

Como usar

  1. Preparar uma cópia de trabalho segura: Preserve todas as origens e revise entradas, controles e limites compatíveis antes de processar. Empacotar sprites, ícones, miniaturas ou estados de interface em um bitmap previsível com coordenadas de célula legíveis por máquina.
  2. Processar localmente: Execute a operação documentada neste navegador e pare se uma estrutura incompatível for informada. As entradas mantêm a ordem, as colunas são limitadas à quantidade real, cada frame recebe célula fixa, conter centraliza a imagem, cobrir preenche e corta, os espaços usam fundo RGBA e o ZIP inclui PNG e JSON determinístico.
  3. Baixar e verificar: Extraia os dois arquivos, confirme dimensões, origem superior esquerda, ordem e retângulos pelo JSON, confira espaços ou cortes e carregue o mapa no aplicativo de destino.

Limitações importantes

O PNG é uma folha raster achatada: não preserva animação, vetores, camadas, metadados, contêineres independentes nem intenção de cor. Cobrir corta, conter deixa fundo e há limites de origem, pixels, tela, memória, PNG, JSON e ZIP.

Verifique o resultado baixado

Extraia os dois arquivos, confirme dimensões, origem superior esquerda, ordem e retângulos pelo JSON, confira espaços ou cortes e carregue o mapa no aplicativo de destino.

Privacidade desde o projeto

Seus arquivos permanecem neste navegador. A origem e o resultado não são enviados aos nossos servidores.

Perguntas e respostas

Quando esta ferramenta é útil?

Empacotar sprites, ícones, miniaturas ou estados de interface em um bitmap previsível com coordenadas de célula legíveis por máquina.

O que o navegador realmente faz?

As entradas mantêm a ordem, as colunas são limitadas à quantidade real, cada frame recebe célula fixa, conter centraliza a imagem, cobrir preenche e corta, os espaços usam fundo RGBA e o ZIP inclui PNG e JSON determinístico.

Quais limites preciso entender?

O PNG é uma folha raster achatada: não preserva animação, vetores, camadas, metadados, contêineres independentes nem intenção de cor. Cobrir corta, conter deixa fundo e há limites de origem, pixels, tela, memória, PNG, JSON e ZIP.

Como verificar o resultado?

Extraia os dois arquivos, confirme dimensões, origem superior esquerda, ordem e retângulos pelo JSON, confira espaços ou cortes e carregue o mapa no aplicativo de destino.

Ferramentas relacionadas