¿Puedo reconstruir un GIF desde un sprite sheet?

Sí — cambia al modo 'Sprite Sheet a GIF'. Sube tu imagen de sprite sheet, introduce las dimensiones correctas de la cuadrícula (filas × columnas) y la herramienta dividirá cada celda en un fotograma de GIF.

¿Qué tamaño de cuadrícula debería usar para mi sprite sheet?

La herramienta calcula automáticamente una cuadrícula aproximadamente cuadrada (ej. 16 fotogramas → 4×4). Puedes personalizar el número de columnas. Para animaciones CSS con steps(), una sola fila (columnas = fotogramas totales, filas = 1) funciona mejor.

BulkPicTools

Local · 0 Subidas

Convierte GIF a Sprite Sheet o Sprite Sheet a GIF

Convierte un GIF animado en una sola imagen de sprite sheet para desarrollo de juegos o animaciones CSS, o reconstruye un GIF desde un sprite sheet. Gratis, sin subir archivos.

Arrastra y Suelta tu GIF

GIF animado — convierte a sprite sheet localmente, sin subida

Sin Marca de Agua • Sin Subir Archivos • Gratis

Herramientas RelacionadasComprimir GIF

Extractor de Fotogramas GIF

Crear GIF

Combinar GIFs

Cambiar Tamaño de GIF

Inversor de GIF

Cambiador de Velocidad GIF

Características Principales de GIF a Sprite Sheet

Conversión bidireccional

Convierte GIF a sprite sheet (cuadrícula de imágenes) o reconstruye un GIF animado desde un sprite sheet existente. Una herramienta, dos direcciones.

Cuadrícula personalizable

Define el número de columnas y filas de tu sprite sheet. La herramienta distribuye automáticamente los fotogramas en la cuadrícula.

Código CSS listo para usar

Obtén fragmentos de código CSS animation con steps() listos para copiar y pegar en tu proyecto web o juego.

Guías y Consejos

Sprite Sheets vs GIFs: ¿Cuál Deberías Usar para Animación Web?

Los sprite sheets y los GIFs son dos formas de abordar la animación web, cada una con sus ventajas. Un sprite sheet combina todos los fotogramas de una animación en una sola imagen de cuadrícula, controlada mediante CSS background-position o steps(). Los GIFs son más simples pero ofrecen menos control.

Cuándo usar cada formato

Los sprite sheets son ideales para animaciones de interfaz de usuario, iconos animados y bucles cortos en juegos — ofrecen colores verdaderos (millones de colores vs. 256 del GIF) y tamaños de archivo más pequeños. Los GIFs son mejores para contenido para compartir en redes sociales, memes y animaciones donde la simplicidad de arrastrar y soltar importa más que la calidad de color.

Cómo usar

Sube tu GIF

Arrastra y suelta un GIF animado o haz clic para seleccionarlo. La herramienta lee automáticamente el número de fotogramas, dimensiones y tiempos.

Configura el diseño de cuadrícula

Elige el número de columnas para el sprite sheet. Las filas se calculan automáticamente. La vista previa se actualiza en tiempo real.

Genera y copia el CSS

Haz clic en 'Generar Sprite Sheet' para crear el PNG. Luego copia el fragmento de código CSS animation incluido para usarlo directamente en tu web.

Preguntas Frecuentes Sobre GIF a Sprite Sheet

Sube tu GIF animado, configura el número de columnas de la cuadrícula (ej. 4 columnas para 16 fotogramas = cuadrícula 4×4) y genera el sprite sheet. El PNG resultante se puede importar directamente a Unity, Unreal Engine o Godot.