¿Qué es una hoja de sprites de GIF?

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

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

PNG. Este formato conserva todos los colores y la transparencia de los fotogramas GIF originales.

¿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 recuento total de fotogramas.

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

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

¿Puedo usar hojas de sprites en juegos?

Sí. Motores de juego 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í. El PNG admite transparencia alfa completa, por lo que cualquier área transparente de los fotogramas GIF se conserva.

¿Se modifica el GIF original?

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

¿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 los fotogramas de tu GIF como una única imagen PNG de hoja de sprites.

Suelta tu GIF aquí

O haz clic para explorar · Solo GIF

Convierte un GIF animado en una hoja de sprites: una única imagen que contiene todos los fotogramas dispuestos en una cuadrícula. Ideal para animaciones CSS, motores de juego y exportaciones fotograma a fotograma.

Configura el número de columnas y GifStream calcula 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 Redimensionar GIF.

Hoja de sprites GIF — Preguntas frecuentes

Last Updated: 14 de agosto de 2026