El formato GIF fue inventado en 1987. Ronald Reagan cumplía su segundo mandato. Internet, tal como lo conocemos hoy, aún no existía para la gente común. Y de alguna manera, casi cuatro décadas después, sigues utilizando este formato para compartir un clip de alguien encogiéndose de hombros en una reunión.
No es una queja. Es realmente impresionante lo mucho que ha resistido el GIF con el paso del tiempo. Pero el hecho de que esté en todas partes no significa que tenga sentido utilizarlo siempre. Si te importa un mínimo la velocidad de carga de tu página o la calidad de la imagen, vale la pena entender qué sucede realmente cuando eliges un GIF en lugar de un MP4.
Por qué el GIF se ve tan mal
El formato fue diseñado para gráficos web simples: logotipos, iconos, ilustraciones planas. En 1987, nadie planeaba hacer bucles de vídeo de gatos cayéndose de las estanterías.
El límite de colores del GIF es de 256 por fotograma (frame). No 256 tonos de un color, sino 256 colores en total. Una fotografía real tiene millones. Cuando conviertes cualquier grabación real a GIF, el codificador tiene que elegir 256 colores y aproximar todo lo demás mediante un proceso de interpolación (dithering). Por eso, los GIF de vídeos reales se ven granulados y vagamente extraños. Seguro que lo has notado: los tonos de piel ligeramente turbios, los degradados del cielo con bandas, y esa sensación general de que la imagen fue generada por una máquina antigua.
El MP4, por su parte, admite 16,7 millones de colores sin necesidad de ninguna aproximación. Mismo vídeo, resultado completamente diferente.
El problema del peso del archivo es peor de lo que crees
Aquí es donde deja de ser un inconveniente visual y se convierte en un verdadero problema de rendimiento.
El GIF almacena cada fotograma casi de manera independiente. Un vídeo de cinco segundos a 15 fotogramas por segundo equivale a 75 fotogramas de datos de imagen apilados uno sobre otro. El MP4, por el contrario, solo almacena lo que cambia entre los fotogramas. Si el fondo se mantiene igual durante dos segundos, el MP4 codifica ese fondo una sola vez. El GIF lo codifica treinta veces.
El resultado: un GIF de 10 MB suele equivaler a un MP4 de 200 KB. No se trata de un error de redondeo ni del mejor de los casos. Es una conversión completamente típica.
| Formato | Clip de 5 seg, 480p | Clip de 5 seg, 720p |
|---|---|---|
| GIF | 8–15 MB | 25–50 MB |
| MP4 (H.264) | 150–400 KB | 400 KB–1 MB |
En un ordenador de escritorio con una conexión rápida, esto puede no parecer mucho. Pero en dispositivos móviles o con una conexión débil, esos megabytes extra se traducen directamente en un icono de carga eterno donde debería estar tu animación.
Entonces, ¿por qué sigue existiendo el GIF?
Principalmente, porque los clientes de correo electrónico se han quedado congelados en 2008.
Outlook, Apple Mail y la mayoría de los clientes de correo electrónico corporativos no son compatibles con la etiqueta HTML <video>. Si quieres una imagen animada dentro de un correo electrónico, el GIF es tu única opción funcional. Esta es una limitación real, no teórica, y afecta a muchas personas.
Más allá del correo electrónico, el GIF se sostiene en un conjunto muy limitado de contextos: plataformas que no admiten la inserción de vídeos (algunos editores de CMS antiguos), animaciones muy cortas con colores planos donde el límite de 256 colores no es un problema, y situaciones donde necesitas reproducción automática (autoplay) sin usar JavaScript.
Para todo lo demás, la decisión de usar GIF se reduce casi siempre a la costumbre.
Lo que las plataformas modernas hacen realmente con tus GIF
Aquí hay un detalle que cambia un poco la perspectiva: Twitter, Reddit y Discord convierten automáticamente tu GIF a MP4 en el momento en que lo subes. Tenor y Giphy hacen lo mismo. Si subes un GIF de 12 MB, lo transcodifican silenciosamente a un vídeo de 300 KB y es eso lo que muestran.
Esto significa que cuando subes un GIF a cualquiera de estas plataformas, estás pagando dos veces el coste del peso del archivo: una vez por la descarga del original, y otra vez por el procesamiento de la plataforma, para terminar obteniendo un MP4 de todos modos. Es mucho mejor convertir un GIF a MP4 tú mismo previamente y subir directamente el MP4.
Cómo reemplazar el GIF en tu propio sitio web
Si tienes un sitio web y sigues mostrando GIF, la solución es sencilla. Reemplaza cualquier inserción de GIF con este código:
<video autoplay loop muted playsinline>
<source src="animacion.mp4" type="video/mp4">
</video>
Los atributos autoplay y loop te ofrecen el mismo comportamiento que un GIF. El atributo muted es obligatorio para que la reproducción automática funcione en Chrome, y playsinline evita que iOS reproduzca el vídeo en pantalla completa. El resultado visual es idéntico, el archivo es un 95% más ligero y la calidad es notablemente mejor.
La única razón para no hacer esto es si estás trabajando en un entorno donde no puedes controlar el código HTML, lo que nos devuelve al escenario del correo electrónico.
Cuándo usar un GIF realmente
Seamos específicos: el correo electrónico es el caso principal. Si necesitas contenido animado en un correo y quieres que funcione en Outlook, el GIF es tu respuesta. No hay buena alternativa.
Las animaciones cortas con gráficos muy simples también son aceptables como GIF, especialmente si el archivo original solo usa un par de colores. Un icono de carga de dos segundos, un cursor parpadeante, o una animación básica de un icono sobrevivirán al límite de los 256 colores sin verse terribles.
Para todo lo demás, utiliza MP4.
El resumen honesto
El GIF es un formato de 1987 que ha sobrevivido únicamente porque la web es difícil de cambiar, y los clientes de correo electrónico lo son aún más. Es verdaderamente útil en situaciones muy específicas, pero es una pésima opción para uso general. La diferencia en el peso del archivo es lo suficientemente grave como para afectar a los usuarios en conexiones reales, y la diferencia de calidad es obvia para cualquiera que preste un mínimo de atención.
Este formato no va a desaparecer pronto. Está demasiado integrado en cómo las personas comparten cosas en internet. Pero saber cuándo lo estás utilizando por costumbre en lugar de por necesidad es el tipo de pequeño detalle que mejora silenciosamente un sitio web sin requerir un rediseño completo.