Crear un sprite sheet a partir de imágenes

Empaqueta fotogramas de animación o iconos en un único sprite sheet para juegos y CSS. Elige las columnas y el relleno, y obtén un atlas JSON compatible con Phaser, PixiJS y otros motores.

Tus imágenes se procesan en tu dispositivo y nunca se suben.

Suelta tus imágenes aquí

o arrástralos y suéltalos

Admite PNG, WEBP, GIF, JPG · Hasta 512 MB por archivo

Cómo usar esta herramienta

  1. 01

    Añade tus fotogramas, en el orden de la animación.

  2. 02

    Define el número de columnas y el relleno entre fotogramas.

  3. 03

    Procesa y descarga el sprite sheet, con o sin el atlas JSON.

Fotogramas exactos al píxel

Los fotogramas nunca se escalan. Cada uno se coloca en la esquina superior izquierda de una celda de tamaño igual, y el atlas registra su posición y tamaño exactos.

Atlas compatible con motores

El JSON usa el formato hash de TexturePacker, ampliamente compatible, con el nombre de archivo de cada fotograma como clave.

Preguntas frecuentes

¿Qué formato tiene la hoja?

PNG, para que se conserve la transparencia.

¿Los fotogramas deben tener el mismo tamaño?

No. Las celdas se dimensionan según el fotograma más grande, y el atlas registra el tamaño real de cada fotograma.

¿Se suben mis imágenes?

No. La hoja se construye en tu navegador.

Herramientas relacionadas