Cómo crear un GIF desde imágenes:
5 métodos comparados

Qué necesitas para crear un GIF desde imágenes

Como mínimo, necesitas dos o más imágenes en cualquier formato común (JPG, PNG, WebP, BMP). Las imágenes se convierten en fotogramas individuales de tu animación, reproducidos en secuencia. Esto es lo que debes tener en cuenta antes de empezar:

• Mismas dimensiones: Lo ideal es que todas las imágenes tengan el mismo ancho y alto. Si difieren, la mayoría de las herramientas redimensionarán o recortarán los fotogramas para que coincidan, lo que puede causar recortes inesperados. Redimensiona tus imágenes a un tamaño uniforme primero para obtener el mejor resultado.
• Proporción de aspecto consistente: Si las dimensiones exactas en píxeles varían ligeramente, al menos mantén la misma proporción de aspecto (p. ej., todas en 16:9 o todas en 1:1). Esto evita barras negras o deformaciones.
• Orden de fotogramas: Nombra tus archivos de forma secuencial (frame-01.png, frame-02.png, etc.) para que las herramientas puedan ordenarlos correctamente. La mayoría de las herramientas en línea también permiten reordenarlos arrastrando.
• Número de fotogramas: Más fotogramas = animación más fluida pero archivo más grande. Para un bucle de 2 segundos a 10 FPS, necesitas 20 imágenes. Para una presentación sencilla, de 5–10 imágenes a 2–3 FPS es suficiente.
• Complejidad de la imagen: GIF usa una paleta de 256 colores por fotograma. Las fotos con degradados producen archivos más grandes que las ilustraciones planas. Los gráficos simples con colores sólidos se comprimen mucho mejor.

Método 1: En línea — CleverUtils GIF Maker

La forma más rápida de crear un GIF desde imágenes es con una herramienta en el navegador. Sin software que instalar, funciona en cualquier dispositivo.

Paso a paso:

1. Ve a cleverutils.com/gif-maker
2. Asegúrate de que la pestaña "Desde imágenes" esté seleccionada
3. Haz clic en "Elegir imágenes" o arrastra y suelta tus archivos de imagen en el área de carga. Formatos admitidos: JPG, PNG, WebP, BMP (hasta 50 imágenes, 10 MB cada una)
4. Reordena los fotogramas arrastrando las miniaturas en la tira. El orden de izquierda a derecha define la secuencia de fotogramas en tu GIF
5. Ajusta la configuración:
   • FPS — fotogramas por segundo (10 es un buen valor predeterminado)
   • Ancho — dimensiones de salida en píxeles (menor = archivo más pequeño)
   • Bucle — bucle infinito o reproducir una vez
   • Calidad — número de colores (Alta = 256 colores, Media = 128, Baja = 64)
6. Haz clic en "Crear GIF" y espera el procesamiento
7. Descarga tu GIF animado

Método 2: Adobe Photoshop (Línea de tiempo)

Photoshop tiene una línea de tiempo integrada para crear animaciones de fotogramas. Este método te da control total sobre los tiempos, los efectos de capa y la edición por fotograma.

Paso a paso:

1. Abre Photoshop. Ve a Archivo → Scripts → Cargar archivos en pila. Selecciona todas tus imágenes — cada una se convierte en una capa
2. Abre el panel Línea de tiempo: Ventana → Línea de tiempo
3. Haz clic en "Crear animación de fotogramas" en el panel Línea de tiempo
4. Abre el menú del panel Línea de tiempo (icono de hamburguesa) y selecciona "Crear fotogramas a partir de capas"
5. Establece el tiempo de retardo de cada fotograma (haz clic en el tiempo debajo de cada miniatura). Para 10 FPS, pon 0,1 segundos. Para 5 FPS, pon 0,2 segundos
6. Configura el bucle en "Siempre" (menú desplegable en la parte inferior izquierda de la Línea de tiempo)
7. Previsualiza la animación con el botón Reproducir
8. Exporta: Archivo → Exportar → Guardar para web (heredado). Elige GIF, ajusta el número de colores (128 o 256) y las dimensiones

Método 3: GIMP (Gratuito, código abierto)

GIMP trata cada capa como un fotograma al exportar como GIF. Es completamente gratuito y está disponible en Windows, macOS y Linux.

Paso a paso:

1. Abre la primera imagen en GIMP: Archivo → Abrir
2. Añade las imágenes restantes como capas: Archivo → Abrir como capas. Selecciona todas las imágenes a la vez
3. Reordena las capas si es necesario — la capa inferior es el primer fotograma, la capa superior es el último fotograma
4. Opcional: Imagen → Tamaño del lienzo o Imagen → Escalar imagen para definir las dimensiones de salida
5. Establece el tiempo por fotograma renombrando cada capa. Añade el retardo entre paréntesis, p. ej.:
   • Frame 1 (100ms) para 10 FPS
   • Frame 1 (200ms) para 5 FPS
   • Frame 1 (500ms) para una presentación lenta
6. Vista previa: Filtros → Animación → Reproducción
7. Exporta: Archivo → Exportar como, nombra el archivo con extensión .gif
8. En el cuadro de exportación, marca "Como animación" y "Bucle eterno". Establece un retardo de fotograma predeterminado (p. ej., 100 ms)

Método 4: FFmpeg (Línea de comandos)

FFmpeg puede crear GIFs a partir de una secuencia de imágenes numeradas con un solo comando. Ideal para automatización por lotes, scripting y servidores sin interfaz gráfica.

Comando básico:

ffmpeg -framerate 10 -i frame-%03d.png output.gif

Esto lee frame-001.png, frame-002.png, etc. y crea un GIF a 10 FPS. El patrón %03d coincide con números de tres dígitos con ceros a la izquierda.

Alta calidad con optimización de paleta:

El codificador GIF predeterminado de FFmpeg produce colores mediocres. Un enfoque en dos pasadas con una paleta personalizada da resultados mucho mejores:

# Pass 1: Generate optimal palette
ffmpeg -framerate 10 -i frame-%03d.png \
  -vf "scale=480:-1:flags=lanczos,palettegen=max_colors=128" \
  palette.png

# Pass 2: Create GIF using the palette
ffmpeg -framerate 10 -i frame-%03d.png -i palette.png \
  -lavfi "scale=480:-1:flags=lanczos [x]; [x][1:v] paletteuse=dither=bayer" \
  output.gif

Usando patrón glob (nombres de archivo no secuenciales):

ffmpeg -framerate 10 -pattern_type glob -i '*.png' output.gif

La opción -pattern_type glob acepta patrones glob del shell, útil cuando tus archivos no están numerados secuencialmente. Nota: los patrones glob funcionan solo en Linux y macOS. En Windows, usa el patrón numérico (%03d).

Método 5: Comando convert de ImageMagick

El comando convert de ImageMagick (o magick en v7+) crea GIFs desde imágenes con una sola línea. Es la opción CLI más sencilla cuando no necesitas el filtrado avanzado de FFmpeg.

Comando básico:

magick -delay 10 -loop 0 frame-*.png output.gif

El valor de -delay está en centésimas de segundo. -delay 10 = 100 ms por fotograma = 10 FPS. -delay 20 = 200 ms = 5 FPS. Coloca -delay antes de los archivos de entrada para que se aplique a cada fotograma al leerlo.

Con redimensionado y optimización:

magick -delay 10 -loop 0 \
  frame-*.png \
  -resize 480x \
  -layers Optimize \
  -colors 128 \
  output.gif

Comparación de métodos

Configuración óptima para GIF

GIF es un formato antiguo con limitaciones inherentes — 256 colores por fotograma y sin compresión entre fotogramas. Obtener un buen resultado significa trabajar dentro de estas restricciones:

Velocidad de fotogramas (FPS)

Dimensiones

Las dimensiones tienen el mayor impacto en el tamaño del archivo. Duplicar el ancho aproximadamente cuadruplica el tamaño del archivo, ya que GIF almacena datos por píxel para cada fotograma.

• 240px de ancho: Miniaturas, reacciones en chats. Archivos muy pequeños (<500 KB)
• 320px de ancho: Redes sociales en línea, móvil. Buen equilibrio tamaño/calidad
• 480px de ancho: Entradas de blog, tutoriales, presentaciones. El punto óptimo para la mayoría de usos
• 640px de ancho: Visualización de alta calidad. El tamaño de archivo crece notablemente
• 800px+ de ancho: Rara vez justificado. Considera MP4 o animación WebP en su lugar

Número de colores y tramado

GIF admite un máximo de 256 colores por fotograma. Si tus imágenes de origen tienen millones de colores (como fotos), el codificador debe reducir la paleta:

• 256 colores: Mejor calidad, archivo más grande. Recomendado para fotos e ilustraciones complejas
• 128 colores: Excelente compromiso. Pérdida de calidad apenas perceptible para la mayoría de imágenes
• 64 colores: Bandas de color visibles en degradados, pero archivos mucho más pequeños. Funciona bien para gráficos planos, logotipos y capturas de UI
• Tramado: Simula los colores faltantes usando patrones de píxeles. Activa siempre el tramado al reducir colores — evita las bandas de color bruscas

Consejos para optimizar el tamaño del archivo

1. Reduce las dimensiones primero — es la forma más efectiva de reducir un GIF. Escala a 480px o menos
2. Menos fotogramas: 10 fotogramas a 5 FPS suele verse mejor que 30 fotogramas a 15 FPS, y el archivo es 3 veces más pequeño
3. Limita los colores: Reducir de 256 a 128 ahorra entre un 15–30% con un impacto visual mínimo
4. Usa la optimización de fotogramas: Herramientas como -layers Optimize (ImageMagick) o "Optimizar para GIF" de GIMP solo almacenan los píxeles que cambian entre fotogramas
5. Minimiza el movimiento: GIF comprime bien las áreas estáticas. Cuantos más píxeles cambien entre fotogramas, mayor será el archivo
6. Ten en cuenta la fuente: Los gráficos simples con colores planos producen GIFs mucho más pequeños que las fotografías con degradados