GIF Suite: kit de herramientas GIF gratuito todo en uno

¿Qué es GIF Suite?

GIF Suite es un kit de seis pestañas para trabajar con GIF animados: recortar un clip de un vídeo, juntar frames de diseño en animación, convertir un GIF antiguo a MP4, extraer frames y reducir GIF demasiado grandes. Lo construí porque siempre acababa abriendo tres pestañas para mandar un solo GIF de reacción a Slack. Todo corre localmente con FFmpeg WASM, así que una grabación de pantalla de 200 MB se queda en tu portátil mientras el suite la procesa.

Funciones principales

• Vídeo a GIF con codificación de paleta en dos pasos — primero ejecuta palettegen para crear una paleta óptima, luego paletteuse con el dither elegido para la codificación final. El resultado es notablemente más limpio que con herramientas de un solo paso, sobre todo en gradientes y tonos de piel.
• Controles de framerate, segmento y ancho — elige tiempos de inicio y fin con precisión de 0,1 segundos, de 5 a 30 FPS, y ajusta el ancho de salida en un slider de 160 a 1280 px en pasos de 40 px. La altura escala automáticamente con remuestreo Lanczos.
• GIF Maker para secuencias de imágenes — arrastra frames PNG, JPG o WebP (hasta 50), reordénalos con flechas arriba/abajo y ajusta el tiempo por frame en milisegundos. El botón Apply to All aplica el retraso predeterminado a todos los frames.
• GIF a vídeo — convierte cualquier GIF a MP4 o WebM en calidad Low (CRF 30), Medium (CRF 23) o High (CRF 18), con un contador de loops configurable para el GIF de origen antes de codificar.
• Extracción GIF a imágenes — saca cada frame de un GIF como PNG, JPG o WebP, con selección opcional de rango de frames. La misma pestaña genera un sprite sheet desde los frames extraídos con número de columnas ajustable.
• Optimizador para GIF demasiado grandes — combina reducción de color (16-256), compresión con pérdida (0-200), salto de frames y redimensionado en una sola pasada. El panel de resultado muestra tamaño original, tamaño optimizado y porcentaje ahorrado uno al lado del otro.
• Pestaña de dithering para imágenes estáticas — aplica Floyd-Steinberg, Atkinson, Bayer o cuantización sin dither con 4-256 colores y descarga como PNG. Útil para previsualizar qué hará un algoritmo antes de comprometerte a una codificación GIF completa.
• Modo batch en las pestañas pesadas — Vídeo a GIF, GIF a Imágenes y Optimizador admiten procesamiento de múltiples archivos con una sola descarga ZIP al final.
• Archivos hasta 500 MB — entradas de vídeo hasta 500 MB; entradas GIF hasta 100 MB; imágenes individuales hasta 50 MB.

Cómo usar GIF Suite

Paso 1: elige una pestaña

Hay seis pestañas arriba: Video to GIF, GIF Maker, GIF to Video, GIF to Images, Optimizer y Dither. Cada una es una herramienta autónoma — los controles y la dropzone cambian con la pestaña. El punto de partida más común es Video to GIF.

Paso 2: vídeo a GIF — recorta y configura

Arrastra un vídeo a la dropzone (acepta MP4, WebM, MOV, AVI, MKV). La vista previa del vídeo aparece con controles de frame. Escribe Start Time y End Time en segundos — ambos aceptan decimales hasta 0,1. Bajo los inputs, la etiqueta Duration se actualiza con la longitud del segmento elegido.

La tarjeta GIF Settings tiene los controles que más importan:

• Frame Rate — desplegable con 5, 10, 15, 20, 24 y 30 FPS. 15 FPS es el punto dulce para GIF de reacción.
• Width — slider de 160 a 1280 px. 480 px es un buen valor por defecto para clientes de chat.
• Colors — slider de 16 a 256 en pasos de 16. 128 suele ser indistinguible de 256 a resoluciones GIF.
• Loop forever / Play once — checkbox bajo el slider de colores.

Pulsa Create GIF. Se ejecutan dos pasadas de FFmpeg, el resultado aparece en un panel de vista previa con su nombre y tamaño, y Download lo guarda en tu ordenador.

Paso 3: GIF Maker — junta frames

Cambia a GIF Maker. Suelta dos o más imágenes. Cada frame se vuelve una tarjeta con miniatura, nombre original, input de retraso en milisegundos y chevrons arriba/abajo para reordenar. El campo de retraso por defecto arriba más el botón Apply to All aplican un retraso uniforme a todos los frames. Ajusta el Width de salida con el slider y luego pulsa Create GIF from Images. Si tienes menos de 2 frames, la herramienta se niega y muestra el toast "Add at least 2 images to create a GIF".

Paso 4: GIF a vídeo — moderniza GIF antiguos

La pestaña GIF to Video es para cuando tienes un GIF demasiado pesado para lo que necesita hacer — una animación principal en una página de marketing, un tutorial dentro de una app. Sube un archivo .gif, elige MP4 o WebM, ajusta el Loop Count (1-100, repite el origen antes de codificar) y elige calidad Low, Medium o High. Convert to Video produce un vídeo típicamente 5-10x más pequeño que el GIF de origen.

Paso 5: Optimizador — reduce un GIF demasiado grande

Para un GIF demasiado grande para una README o un correo, suéltalo en la pestaña Optimizer y ajusta:

• Compression Level (0-200) — valores más altos hacen dither más agresivo. 80 es un punto de partida razonable.
• Max Colors (16-256) — baja primero de 256 a 128; la diferencia visual suele ser invisible a resoluciones GIF.
• Remove Frames — checkbox que activa un slider "keep every Nth frame" (2-10).
• Resize GIF — checkbox que activa un slider de ancho (100-800 px).

Pulsa Optimize GIF. El panel de resultado muestra tres números uno al lado del otro: Original size, Optimized size y porcentaje Savings.

Para extracción de frames o salida en sprite sheet, la pestaña GIF to Images sigue el mismo patrón de subida pero devuelve una lista de miniaturas de frames (cada una descargable individualmente), un botón Download All (ZIP) y un opcional Generate Sprite Sheet con número de columnas ajustable.

Ejemplos prácticos

GIF de reacción de un clip de película

Un clip de vídeo de 90 segundos tiene una reacción de 2,5 segundos cerca del centro. Abre Video to GIF, ajusta Start Time 42.0 y End Time 44.5, elige 15 FPS, ancho 480 px, 128 colores, dithering activo. El resultado: un GIF limpio de unos 1,5 MB, suficientemente pequeño para Slack o Discord.

Spinner de carga desde frames de diseño

Una diseñadora te entrega 12 frames PNG en 200x200 de una animación de carga. Abre GIF Maker, sube los 12, escribe 80 en el campo de retraso por defecto (animación a 12,5 FPS), pulsa Apply to All, ancho 200 px, Create GIF from Images. El resultado es un GIF de carga frame-perfecto, listo para una página web.

Reducir un GIF de captura de pantalla para una README

Un GIF de captura en una README de GitHub pesa 8 MB y tu página de docs va lenta. Abre Optimizer, sube el GIF, Max Colors 128, Compression Level 80, Resize a 640 px. La salida suele ser 60-80% más pequeña y sigue legible. Si también necesitas un MP4, pasa el GIF original por GIF to Video en Medium para un MP4 de 1-2 MB.

Consejos y buenas prácticas

Mantén segmentos de vídeo cortos. Los GIF a 15 FPS y 480 px ocupan unos 1-3 MB por segundo. 5 segundos es cómodo; 15 se vuelve inmanejable. Para algo más largo, la pestaña GIF to Video casi siempre es mejor que un GIF gigante.

Recorta profundidad de color antes que calidad. En Optimizer, bajar Max Colors de 256 a 128 suele ahorrar 30-40% sin diferencia visual. Sube Compression Level solo cuando la reducción de color deje de pagar; valores altos meten artefactos visibles en zonas planas.

Desactiva el dithering para pixel art. El dithering ayuda al contenido fotográfico y a los gradientes pero añade ruido al pixel art nítido y a las ilustraciones de color plano. En la pestaña Video to GIF, ajusta Dither Algorithm a None para esos inputs.

Usa la pestaña Dithering como laboratorio de previsualización. Antes de una codificación Video to GIF completa de un clip largo, suelta un frame representativo en la pestaña Dither y prueba los algoritmos. Floyd-Steinberg luce más suave en fotos; Bayer es más determinista y rápido.

Dos frames es el mínimo para GIF Maker. Una sola imagen no es una animación. La herramienta se negará y te mostrará un toast. Suelta al menos 2 imágenes.

Problemas comunes y solución de errores

"Add at least 2 images to create a GIF" — la pestaña GIF Maker necesita dos o más frames para producir una animación. Añade una imagen más.

El GIF de salida es enorme. Tres mandos se compuestan: longitud del segmento, FPS y ancho. Baja uno cada vez. De 30 FPS a 15 FPS reduce frames a la mitad; de 1280 a 640 px reduce píxeles por frame a un cuarto. No reduzcas los tres a la vez o te pasarás.

La generación de paleta falla en ciertos vídeos. Algunos archivos de vídeo con espacios de color inusuales o particularidades de códec hacen que palettegen produzca resultados raros. Pasa el origen primero por el Próximamente: Video Converter a MP4 y luego trae el MP4 convertido a Video to GIF.

La salida de GIF a vídeo se ve pixelada. Los GIF están limitados a 256 colores, así que cualquier vídeo producido desde un GIF hereda ese límite de paleta. La salida es fiel al GIF pero no parecerá vídeo nativo. Si tienes acceso al vídeo original, conviértelo directamente con el Video Converter para un resultado más limpio.

El Optimizer muestra 0 % de ahorro. El input ya está optimizado agresivamente, o tus ajustes no son suficientemente agresivos. Prueba un Max Colors más bajo o sube el Compression Level. La recodificación en dos pasos tiene cierta sobrecarga fija, así que un input minúsculo a veces sale unos bytes más grande.

Cambiar de pestaña reinicia mi trabajo. Cada pestaña mantiene su propio estado, así que cambiar y volver conserva el trabajo en curso, pero un refresco fuerte borra todo. Usa el panel Presets bajo la herramienta para guardar ajustes.

Privacidad y seguridad

GIF Suite procesa todo localmente en el navegador con FFmpeg WASM. Ningún dato de vídeo, imagen o GIF se sube a ningún sitio. La primera vez que uses cualquier pestaña, FFmpeg WASM se descarga a la caché del navegador (unos 31 MB); después, la herramienta funciona sin conexión en la misma sesión. Material sensible — demos internas, animaciones en borrador, lo que no quieras compartir — se queda en tu dispositivo.

Preguntas frecuentes

¿Por qué Video to GIF necesita dos pasadas de FFmpeg?

La codificación de paleta en dos pasos produce GIF notablemente mejores. La primera pasada escanea el vídeo y construye una paleta óptima. La segunda renderiza el GIF con esa paleta y tu dithering, reduciendo el banding frente a codificaciones de un paso.

¿Qué framerate debería usar?

10-15 FPS es el estándar para GIF de reacción y animaciones web. 24 FPS aproxima cine pero duplica el tamaño frente a 12 FPS. 5 FPS basta para time-lapses. Elige la tasa más baja que aún se vea fluida.

¿Cuántas imágenes puedo cargar en GIF Maker?

Hasta 50 imágenes por sesión, en PNG, JPG o WebP. Cada imagen individual puede pesar hasta 50 MB.

¿Cuál es la diferencia entre Compression Level y Max Colors en el Optimizador?

Max Colors reduce directamente el tamaño de la paleta, encogiendo el archivo proporcionalmente; es visualmente invisible hasta unos 128 colores. Compression Level (0-200) controla la agresividad del dithering durante el remapeo. Usa Max Colors primero; Compression Level cuando la reducción de color se estanque.

¿Puedo loopear un GIF varias veces al convertirlo a vídeo?

Sí. La pestaña GIF to Video tiene un campo Loop Count (1-100). La herramienta usa -stream_loop de FFmpeg para repetir la entrada el número de veces indicado antes de codificar, así que un GIF de 2 segundos loopeado 5 veces produce un vídeo de 10 segundos.

¿Qué algoritmos de dither hay en la pestaña Dithering estática?

Cuatro: None (solo cuantización), Floyd-Steinberg (difusión de error suave, mejor para fotos), Atkinson (difusión de error más ligera, popularizada por el Macintosh clásico) y Ordered/Bayer 4x4 (rápido, patrón determinista). La salida es PNG. La pestaña Dithering trabaja sobre una sola imagen estática; usa Video to GIF o GIF Maker para dithering animado.

¿Cuál es el tamaño máximo de GIF para el Optimizador?

100 MB. GIF muy grandes pueden tardar un minuto o más porque cada frame se decodifica, recuantiza y recodifica.

¿El generador de sprite sheet tiene límite de tamaño?

Sí. La herramienta avisa y se detiene si el sprite sheet calculado excedería las dimensiones seguras del canvas, con un toast que sugiere menos columnas. Para GIF grandes, reduce el número de columnas o extrae los frames primero y ensámblalos manualmente.

Herramientas relacionadas

• Próximamente: Conversor de Vídeo — convierte el vídeo de origen a un MP4 limpio antes de pasarlo por Video to GIF, sobre todo con códecs raros.
• Próximamente: Recortador de Vídeo — para un control de recorte más fino en un vídeo largo antes de llevarlo al GIF Suite.
• Próximamente: Compresor de Imagen — comprime los frames PNG o JPG antes de cargarlos en GIF Maker para una salida más pequeña.
• Próximamente: Compresor de Vídeo — cuando la salida de GIF to Video sigue siendo demasiado grande, suelta el resultado aquí para una segunda compresión.

Prueba GIF Suite ahora: Próximamente: GIF Suite