Crear GIF con imágenes
Convierte imágenes ordenadas en GIF. Define lienzo, duración individual, bucles, colores y tramado, y revisa la animación antes de guardarla.
GIF a hoja de sprites
Fotogramas en cuadrícula · Archivo de coordenadas
Las imágenes se quedan en tu dispositivo
Arrastra aquí imágenes o un archivo ZIP
También puedes pegar una imagen o seleccionar varias a la vez.
GIF
Ajustes
Ajustes avanzados
Opciones de exportación
Encuadre de foto de identificaciónLa detección local solo propone un recorte; puedes ajustarlo antes de exportar.
Falta confirmar el encuadre de esta imagen.
Fondo de la foto de identificaciónRecorte de retrato opcional en el dispositivo; la imagen original no se envía.
Dimensiones
Tamaño predefinidoTamaños habituales de plataformas
Elige uno o varios tamaños; cada imagen se exportará en todos ellos.
Margen seguro del icono
Un mismo encuadre genera favicon, iconos PWA y tamaños habituales de aplicaciones, además del manifest.
Área de recorteArrastra el marco para moverlo o cambiar su tamaño
Rotación0°
Calidad
Espacio en cada ladopx
Ampliar imagenReal-ESRGAN · 2×
Elegir un color de la imagen
Intervalo de fotogramasDeja el último vacío para llegar hasta el final.
Base64 ocupa más espacio. La entrada está limitada para proteger la memoria del navegador.
Archivos
0 · 0 seleccionadas
Todavía no has elegido imágenes.
Acerca de esta herramienta
Una textura única permite controlar la animación desde una web o un juego. Guarda la hoja junto con sus mapas; tu proyecto utiliza las coordenadas y los tiempos para reproducirla.
Cómo se usa
GIF a hoja de sprites
Para qué sirve
Distribuye los fotogramas de un GIF en un PNG con columnas y separación. Exporta coordenadas JSON, duraciones de los fotogramas y posiciones CSS.
Cómo utilizarla
Define columnas y separación para colocar los fotogramas del GIF en un solo sprite. También se genera el mapa de coordenadas para reproducirlos en web o juegos.
Resultados y siguientes pasos
La imagen principal incluye coordenadas, manifiesto o código auxiliar. El ZIP completo mantiene su relación.
Privacidad y procesamiento local
El procesamiento se realiza en el navegador. Esta herramienta no sube las imágenes originales.
Preguntas frecuentes
¿La hoja se anima sola y dónde están los tiempos?
El PNG es estático. El JSON incluye coordenadas, dimensiones y duración efectiva tras la decodificación; una duración ausente o de cero pasa a ser 100 ms. CSS aporta posiciones de fondo. La web o el juego implementan la reproducción, y la hoja también está sujeta al límite de píxeles del lienzo.
¿Más columnas solucionan una hoja de sprites demasiado grande?
Las columnas equilibran ancho y alto, pero no reducen el total de píxeles de los fotogramas. Si aún supera el límite, reduce sus dimensiones o cantidad en el editor GIF. Usa las nuevas coordenadas junto con la nueva hoja.
Herramientas relacionadas
Se abre en una pestaña nueva
Comentarios
0