GIF a sprite sheet

Los GIF muchas veces guardan solo los píxeles que cambian entre fotogramas, así que un volcado ingenuo te da sprites con huecos y restos del fotograma anterior. Este convertidor reproduce cada fotograma con su método de disposal, igual que un navegador, para que cada fotograma de la hoja salga completo. También conserva el retardo propio de cada fotograma, algo clave en animaciones que mantienen una pose.

Cómo usar la herramienta GIF a sprite sheet

1. Suelta un GIF animado (o prueba la muestra). Cada fotograma se decodifica con su retardo y su disposal.
2. Elige el rango de fotogramas y usa Conservar 1 de cada N para reducir un GIF largo a la mitad o a un tercio. Los fotogramas que conservas absorben el tiempo de los omitidos, así que la velocidad no cambia.
3. Haz clic en los fotogramas de la tira para dejar fuera fotogramas sueltos.
4. Recortar al contenido recorta todos los fotogramas con un mismo recuadro, así el sprite se queda en su lugar. Agrega padding si tu motor necesita un espacio alrededor.
5. Si el GIF tiene un fondo sólido en lugar de transparencia, activa Quitar color de fondo.
6. Elige los tiempos originales o unos FPS fijos y exporta la hoja, el archivo de datos, un GIF o un ZIP con todo.

Qué obtienes

• Sprite sheet PNG, transparente, en una cuadrícula con columnas automáticas o fijas.
• JSON de Aseprite con la duración de cada fotograma tomada del GIF, además de JSON de Phaser/TexturePacker, un SpriteFrames .tres de Godot 4, sprites CSS y ajustes de corte para Unity.
• GIF recodificado con tus cambios, a escala de 1× a 8×.
• ZIP con todo lo anterior y cada fotograma como PNG independiente.

Con qué motores funciona

• El JSON de Aseprite conserva duraciones de fotograma desiguales. Importadores para Godot como Aseprite Wizard y los importadores de Aseprite para Unity lo leen directamente.
• El .tres de Godot 4 usa una velocidad fija con duraciones relativas por fotograma, así que las poses mantenidas se siguen manteniendo.
• Phaser 3: cárgalo como atlas con el JSON hash y arma la animación con los nombres de fotograma listados en animations.

Consejos de quienes la usan para hacer juegos

• Los GIF de pixel art con 255 colores o menos se recodifican aquí sin pérdida, porque la herramienta usa los colores exactos en lugar de volver a cuantizar.
• Muchos GIF que encuentras en internet son pixel art escalado 2× o 3×. La herramienta lo detecta y restaura los píxeles reales a 1×, lo que mantiene tu hoja pequeña y nítida.
• Los navegadores reproducen a 100 ms los retardos de GIF menores de 20 ms. La herramienta hace lo mismo, así que la vista previa coincide con lo que veías antes.
• Para motores que solo aceptan un FPS único, cambia Tiempos a FPS fijos y revisa la vista previa para asegurarte de que las poses mantenidas se sigan leyendo bien.

Casos de uso

• Llevar a un motor de juego un GIF de un proyecto viejo o de un editor de pixel art que solo exportaba GIF.
• Convertir un GIF hecho con una herramienta de animación con IA en fotogramas que puedas editar y limpiar.
• Dividir un GIF en fotogramas PNG numerados para retocarlos en Aseprite, LibreSprite o Photoshop.
• Crear una animación de sprites CSS para un sitio web a partir de un GIF existente.

Preguntas frecuentes