Convertidor de Video a GIF

Acerca de Convertidor de Video a GIF

Esta herramienta recorre el vídeo paso a paso, dibuja cada instante en un canvas y codifica ella misma los fotogramas capturados en un GIF. No hay servidor de conversión ni FFmpeg: la extracción de paleta (median cut) y la compresión LZW se ejecutan en el propio código de la herramienta. Puedes añadir los clásicos textos arriba y abajo —letra blanca tipo Impact con contorno negro— sobre la imagen o en franjas blancas añadidas por encima y por debajo.

GIF nació en 1987 y, al lado de un códec de vídeo real, es muy ineficiente. Un clip de tres segundos que ocupa unos cientos de kilobytes en MP4 puede pesar varios megas como GIF. Tres ajustes deciden el tamaño —fotogramas por segundo, ancho y número de colores— y abajo se explica qué hace cada uno.

Un GIF solo puede usar 256 colores por fotograma

La especificación GIF admite como máximo 256 entradas en una tabla de colores, y cada píxel se guarda como un índice a esa tabla. Un fotograma de vídeo puede tener decenas de miles de colores, así que hay que decidir cuáles 256 (o menos) sobreviven. La herramienta toma muestras de píxeles de todos los fotogramas capturados y construye una paleta común con median cut: divide una y otra vez la caja de colores más ancha en el eje rojo, verde o azul hasta tener tantas cajas como colores elegiste, y promedia cada caja.

Después cada píxel se sustituye por el color más cercano de la paleta. La herramienta no aplica tramado (dithering), es decir, no reparte el error de redondeo entre los píxeles vecinos para simular tonos intermedios, así que las zonas suaves como el cielo o la piel muestran escalones visibles, lo que se llama bandas. La ventaja es que los fotogramas sin tramado tienen largas series de índices iguales, que LZW comprime bien, y el archivo queda más pequeño. Bajar a 64 colores hace más evidentes las bandas en imagen real, pero dibujos animados, grabaciones de pantalla y videojuegos con pocos colores apenas cambian.

Por qué el mismo clip pesa varias veces más en GIF que en MP4

Los códecs de vídeo como H.264 predicen cada fotograma a partir del anterior y guardan solo vectores de movimiento y la diferencia restante. Un fondo quieto casi no cuesta nada. El LZW de GIF solo encuentra repeticiones dentro de un mismo fotograma y no sabe nada del anterior, y esta herramienta escribe cada fotograma como una imagen completa. Por eso el tamaño de un GIF crece más o menos como píxeles × fotogramas.

Para bucles cortos en una web, web.dev recomienda precisamente por esto un elemento video silenciado, en reproducción automática y en bucle, en lugar de un GIF. El GIF sigue teniendo sentido donde solo se acepta un archivo de imagen: algunos foros, reacciones y emotes de chat, y el correo.

¿Recortar fps o ancho primero?

El tamaño crece con el cuadrado del ancho. Pasar de 480 a 360 px deja (360/480)² = 0,5625 de los píxeles, un recorte de alrededor del 44 %. Los fps influyen de forma lineal: de 15 a 10 fps se elimina un tercio de los fotogramas. Si el texto en pantalla debe leerse, conserva el ancho y baja los fps; si lo importante es un movimiento rápido, conserva los fps y reduce el ancho.

GIF guarda el retardo de cada fotograma solo en centésimas de segundo. Redondear 15 fps (66,7 ms) a 7/100 s en cada fotograma lo frenaría a unos 14,3 fps, así que la herramienta arrastra el error de redondeo y mezcla 7, 7 y 6 centésimas. 12 fps alterna 8, 8 y 9 centésimas y da exactamente 12 fotogramas por segundo. Cada intervalo puede variar hasta 1/100 s, pero la duración total coincide con el tramo original. Los valores que dividen 100 exactamente —10, 20, 25 fps— dan intervalos idénticos. Si pides muchos fps en un tramo largo, la herramienta limita la salida a 200 fotogramas y baja los fps para que quepan.

Cómo hacer legibles los textos del meme

Los textos se dibujan antes de construir la paleta, así que el blanco con contorno negro sobrevive casi siempre, incluso con una paleta pequeña. El texto de color puede salir sucio si la paleta no tiene nada parecido a ese color. Las líneas largas se ajustan solas, y un bloque de más de ocho líneas se corta con puntos suspensivos en la última.

El texto superpuesto tapa parte de la imagen. Las franjas añadidas dejan la imagen intacta, pero el GIF es más alto y el archivo crece en la misma proporción.

Ejemplos

Cómo se usa

1. Carga un vídeo y marca el inicio y el final en la tira de fotogramas.
2. Elige un preajuste o escribe tú los fps, el ancho y el número de colores.
3. Si quieres, añade textos arriba y abajo y elige si van superpuestos o en franjas.
4. Genera el GIF, revísalo y descárgalo.

Preguntas frecuentes