## El problema con los GIFs
Los GIF animados son extraordinariamente ineficientes. Un GIF de 5 segundos puede pesar **5-20 MB**, mientras que el mismo contenido en MP4 pesa **200-500 KB**. La razón: GIF fue diseñado en 1987 para imágenes estáticas de 256 colores — no para vídeo.
| Formato | Tamaño típico (5s, 400px) | Colores | Compatibilidad |
|---|---|---|---|
| GIF | 5-20 MB | 256 | Universal |
| MP4 (H.264) | 200-500 KB | Millones | Universal |
| WebM (VP9) | 150-400 KB | Millones | 96% navegadores |
| WebP animado | 500 KB - 2 MB | Millones | 96% navegadores |
**Conclusión**: MP4 es **10-40× más pequeño** que GIF para el mismo contenido.
## Cómo convertir GIF a MP4
### Método 1: KaijuConverter (online)
1. Ve a [Convertir GIF a MP4](/convert/gif-to-mp4).
2. Sube el GIF animado.
3. Descarga el MP4.
### Método 2: FFmpeg (calidad de referencia)
```bash
ffmpeg -i animacion.gif \
-movflags faststart \
-pix_fmt yuv420p \
-vf "scale=trunc(iw/2)*2:trunc(ih/2)*2" \
animacion.mp4
```
- `-movflags faststart`: mueve los metadatos al inicio para streaming progresivo.
- `-pix_fmt yuv420p`: formato de color compatible con todos los reproductores.
- `-vf scale`: asegura dimensiones pares (requerido por H.264).
## Cómo usar el MP4 como si fuera un GIF en la web
Para reproducción automática sin controles, en bucle y sin sonido (exactamente como un GIF):
```html
```
Los atributos clave:
- `autoplay`: reproducción automática.
- `loop`: en bucle infinito.
- `muted`: **obligatorio** para que el autoplay funcione en Chrome/Safari.
- `playsinline`: evita que iOS lo abra en pantalla completa.
## Con fallback a WebM para mayor compresión
```html
```
## Impacto en el rendimiento web (Core Web Vitals)
Los GIFs pesados son uno de los principales culpables de puntuaciones bajas en:
- **LCP** (Largest Contentful Paint): si el GIF es el elemento visible más grande.
- **TBT** (Total Blocking Time): el navegador tarda más en parsear GIFs grandes.
Sustituir un GIF de 10 MB por un MP4 de 300 KB puede mejorar el LCP en **2-5 segundos** en conexiones lentas.
## Cuándo mantener el GIF
- Emails HTML (los clientes de correo no reproducen MP4).
- Plataformas que no admiten vídeo (algunos CMS de nicho).
- Cuando necesitas un formato de un único archivo con previsualización en el sistema de archivos.
## Conversiones relacionadas
- [GIF a MP4](/convert/gif-to-mp4)
- [GIF a WebP](/convert/gif-to-webp)
- [MP4 a GIF](/convert/mp4-to-gif) — cuando necesitas GIF por compatibilidad
- [GIF a WebM](/convert/gif-to-webm)
Guía