Sí. La herramienta acepta un GIF por tarea sin crear una cuenta. No añade marcas de agua al PNG; cualquier marca visible que ya esté en la animación original se conservará.
Convertir GIF a sprite sheet
Convierte los fotogramas completos de un GIF en un PNG transparente. Elige cuadrícula o tira y ajusta las columnas, el espacio y la escala.
De GIF a sprite sheet: reúne los fotogramas en un PNG
Este convertidor de GIF a sprite sheet online coloca los fotogramas completos de una animación en un único PNG transparente. Elige una cuadrícula, una tira horizontal o una tira vertical y ajusta el espacio y la escala. Obtendrás una imagen estática que podrás dividir en celdas dentro de tu proyecto.
Para convertir un GIF en un spritesheet, utiliza una animación guardada en tu dispositivo. Un sprite sheet reúne los fotogramas en celdas del mismo tamaño. Conserva el orden original y también las imágenes repetidas que estén almacenadas en el GIF.
Cómo hacer un sprite sheet a partir de un GIF
1
Selecciona y sube un GIF
Elige un GIF de tu dispositivo de hasta 25 MB. La subida comienza al seleccionar el archivo; espera a que termine antes de generar la imagen.
2
Elige la distribución y el tamaño
Selecciona Cuadrícula, Fila horizontal o Columna vertical. En la cuadrícula puedes usar la distribución automática o indicar las columnas. Ajusta los deslizadores de espacio y escala según el tamaño que necesites.
3
Genera, revisa y descarga el PNG
Pulsa Crear sprite sheet para enviar la tarea al servidor. Cuando termine, revisa la vista previa y descarga el PNG. Puedes cambiar los ajustes y volver a convertir el mismo GIF ya subido.
Cuadrícula, tira horizontal o tira vertical: qué elegir
La distribución determina la forma de la imagen. Elige la que encaje con la forma de recortar las celdas y con los límites de tamaño de las texturas de tu proyecto.
| Distribución | Cuándo resulta útil | Qué conviene revisar |
|---|---|---|
| Cuadrícula | Para repartir los fotogramas en varias filas. | La opción automática calcula las columnas; la opción personalizada permite indicar entre 1 y 240. |
| Tira horizontal | Para colocar toda la secuencia en una fila, como una tira de sprites. | Una animación larga puede producir un PNG muy ancho. |
| Tira vertical | Para disponer los fotogramas en una sola columna. | Comprueba la altura antes de importar la imagen en tu proyecto. |
En la cuadrícula, los fotogramas van de izquierda a derecha y después de arriba abajo. Las tres distribuciones mantienen el mismo orden; cambiar de disposición no elimina fotogramas.
Ajusta el sprite sheet a tu proyecto
Columnas automáticas o personalizadas
La distribución automática calcula una cuadrícula a partir del número de fotogramas y sus dimensiones. Elige columnas personalizadas si necesitas un número concreto de celdas por fila.
Por ejemplo, ocho fotogramas de 64 × 64 píxeles, repartidos en tres columnas con 2 px de espacio y una escala del 100%, generan un PNG de 196 × 196 píxeles. La celda restante queda vacía y transparente.
Espacio entre fotogramas
Puedes dejar entre 0 y 32 píxeles de separación. El valor predeterminado es 0: las celdas quedan pegadas. Un valor mayor añade espacios transparentes entre ellas.
Este ajuste no añade un margen exterior. Al dividir el PNG en otra aplicación, indica el mismo espacio para que cada selección abarque su fotograma y no una parte del siguiente.
Escala de los fotogramas del 50% al 200%
El deslizador modifica el ancho y el alto de cada fotograma. Admite porcentajes enteros entre el 50% y el 200%; al 100% se conservan las dimensiones originales.
El redimensionado usa el vecino más cercano para mantener los bordes de los píxeles sin suavizarlos. Reducir el tamaño puede eliminar detalles; ampliarlo no recupera información que no exista en el GIF.
Qué cambia al convertir un GIF en sprite sheet
Un GIF puede guardar solo las zonas que cambian, en vez de una imagen completa en cada fotograma. El convertidor reconstruye las imágenes completas antes de colocarlas en celdas iguales. La transparencia se conserva y un fondo opaco sigue formando parte de la imagen.
Cada fotograma almacenado aparece una vez en el resultado, incluidos los duplicados. El PNG no reproduce la animación ni incluye datos de duración por fotograma. Para quitar bordes antes de convertir, utiliza Recortar GIF y vuelve con el archivo modificado.
Usa el PNG en tu flujo de animación
Este generador de sprite sheets trabaja a partir de un GIF. Importa el PNG en tu editor o motor de juegos y configura allí las dimensiones de las celdas y su separación. Comprueba los límites de las texturas del destino: la descarga no incluye un proyecto ni un archivo atlas específico para un motor.
Si trabajas con sprites CSS y background-image, la guía de sprites de MDN explica cómo seleccionar zonas de una imagen mediante su posición de fondo. Si necesitas un archivo que se reproduzca directamente como vídeo, utiliza GIF a vídeo.
Límites del GIF y de la imagen generada
| Comprobación | Límite |
|---|---|
| Archivo de entrada | Un GIF de hasta 25 MB |
| Fotogramas de origen | Hasta 240 |
| Píxeles acumulados del GIF | Hasta 60 millones: ancho × alto × número de fotogramas |
| Dimensiones del PNG | Hasta 8192 píxeles por lado |
| Píxeles del PNG | Hasta 60 millones: ancho de salida × alto de salida |
Todos los límites se aplican a la vez. Un archivo pequeño también puede contener muchos píxeles al descodificarse. Si el resultado supera un límite, prueba una cuadrícula, cambia las columnas o reduce la escala.
Preguntas sobre GIF y sprite sheets
El PNG es una imagen estática con los fotogramas ordenados. No guarda los retardos ni el ajuste de bucle del GIF. Después de dividir la imagen, tendrás que configurar los tiempos en tu propio programa.
Sí. Tanto las zonas transparentes del original como los espacios y las celdas sin usar siguen siendo transparentes. La conversión no elimina un fondo opaco. Revisa los bordes en la vista previa, sobre todo si vas a colocar la animación sobre otro fondo.
La cuadrícula está formada por filas completas de celdas iguales. Si no hay suficientes fotogramas para llenar la última fila, esas posiciones quedan transparentes. Son espacios vacíos, no fotogramas adicionales para reproducir.
Se conservan todos los fotogramas almacenados en el GIF, sin eliminar duplicados. Las imágenes repetidas pueden formar parte de la animación original. El número de celdas con contenido corresponde al número de fotogramas guardados.
Esta página combina los fotogramas en un solo PNG. Para obtener una secuencia numerada de imágenes individuales en un ZIP, utiliza Extraer fotogramas de GIF. Ese resultado permite editar cada imagen por separado.
Puedes usarla como imagen de origen en un flujo que permita dividir una cuadrícula regular. Configura el tamaño de las celdas, el espacio y la reproducción en tu proyecto. La descarga solo contiene el PNG: revisa los ajustes de importación de tu motor o código.
Los formatos codifican las imágenes de forma diferente y el PNG reúne todos los fotogramas completos en un lienzo. Los huecos transparentes y las celdas vacías también aumentan sus dimensiones. Reducir la escala puede ayudar, pero no garantiza un archivo más pequeño.
Convierte tu GIF en un sprite sheet
Selecciona un GIF, organiza sus fotogramas completos y descarga un PNG transparente para tu proyecto.