¿Qué es una hoja de sprites GIF?

Una hoja de sprites dispone todos los fotogramas de un GIF animado como una cuadrícula en una sola imagen PNG, utilizada comúnmente en el desarrollo de juegos y animaciones CSS.

¿En qué formato se exporta la hoja de sprites?

PNG. Este formato preserva todos los colores y transparencias de los fotogramas originales del GIF.

¿Cómo controlo el diseño de la cuadrícula?

Establece el número de columnas. El número de filas se calcula automáticamente según el número total de fotogramas.

¿Cómo uso la hoja de sprites en CSS?

Utiliza las propiedades `background-position` y `animation` para recorrer los fotogramas. Cada fotograma ocupa (ancho × columna, alto × fila) píxeles en el sprite.

¿Puedo usar hojas de sprites en juegos?

Sí. Motores de juegos como Phaser, Unity (2D) y Godot admiten hojas de sprites para animaciones fotograma a fotograma.

¿Cuáles son las dimensiones de cada fotograma en la hoja de sprites?

Cada celda equivale a las dimensiones originales del GIF. El tamaño total de la hoja de sprites es (anchoGIF × columnas) por (altoGIF × filas).

¿La hoja de sprites incluye transparencia?

Sí. PNG admite transparencia alfa completa, por lo que cualquier área transparente en los fotogramas del GIF se preserva.

¿El GIF original se modifica?

No. La hoja de sprites es un nuevo archivo PNG. Tu GIF original se lee pero no se modifica.

¿Por qué usaría una hoja de sprites en lugar de un GIF?

Las hojas de sprites permiten un control preciso sobre la animación: puedes pausar, invertir o saltar a fotogramas específicos usando CSS o JavaScript, a diferencia de los GIFs que se reproducen automáticamente.

¿Puedo controlar el orden de los fotogramas en la hoja de sprites?

Los fotogramas aparecen en el mismo orden que el GIF original. Usa el editor de fotogramas para reordenarlos antes de crear la hoja de sprites.

GIF a Sprite

Exporta tus fotogramas de GIF como una sola imagen PNG de hoja de sprites.

Suelta tu GIF aquí

O haz clic para explorar · Solo GIF

Convierta un GIF animado en una hoja de sprites: una sola imagen que contiene todos los fotogramas dispuestos en una cuadrícula. Ideal para animaciones CSS, motores de juego y exportaciones cuadro por cuadro.

Configure el número de columnas y GifStream calculará el diseño de la cuadrícula automáticamente. La salida es un PNG único con dimensiones de fotograma consistentes y soporte para fondo transparente.

Guía: GIF a Sprite

Cuándo usarlo

Para convertir un GIF en una hoja de sprites para videojuegos.
Para preparar fotogramas para animaciones CSS en una web.
Para ver todos los fotogramas de un vistazo.

Consejos

Elige un número de columnas que deje la hoja casi cuadrada para usarla mejor.
El PNG conserva todos los colores y la transparencia.
Anota el tamaño y el número de fotogramas: los necesitarás para animar la hoja.

Conviene saber

¿Necesitas archivos sueltos por fotograma? Usa Divisor de GIF.
Quita antes los fotogramas sobrantes con Editor de fotogramas.
Para controlar el tamaño de la hoja, reduce antes el GIF con Cambiar tamaño de GIF.

Hoja de sprites GIF — Preguntas frecuentes

Last Updated: 14 de agosto de 2026