Comprimir vídeos para web y móvil – Alta calidad con el mínimo tamaño de archivo

Los básicos de la compresión de vídeo: formatos, codecs y ajustes

Repasemos rápidamente los conceptos básicos. No porque queramos bombardearte con jerga, sino porque estos términos aparecen en todas partes una vez que profundizas en el tema.

Un formato de vídeo consta de dos partes: el container y el codec. El container (p. ej., MP4 o WebM) es como la caja donde se empaqueta todo – vídeo, audio, subtítulos y metadatos. El codec determina cómo se comprime el contenido real de imagen y audio.

Sobre los codecs:

"Un formato de codificación de vídeo ... normalmente usa un algoritmo estandarizado de compresión de vídeo" — Wikipedia

El codec más utilizado con diferencia es H.264, también conocido como AVC (Advanced Video Coding).

"Con diferencia, el formato más utilizado para la grabación, compresión y distribución de contenido de vídeo, usado por el 84–86% de los desarrolladores de la industria del vídeo" — Wikipedia

H.264 es el estándar para vídeos web porque ofrece buena calidad con archivos relativamente pequeños – y funciona en prácticamente todos los navegadores y dispositivos. Codecs más recientes como H.265 o AV1 pueden ser más eficientes, pero no tienen soporte completo en todas partes. Y seamos sinceros: si publicas un vídeo en la web, quieres que todo el mundo pueda verlo, sin instalar nada.

Estos ajustes determinan lo grande (o pequeño) que será tu vídeo:

• Resolución: Full HD (1920x1080) suele ser suficiente. 4K se ve genial, pero genera archivos enormes.
• Framerate: Entre 24 y 30 fps es suficiente en la mayoría de los casos. Más no aporta mucho valor.
• Bitrate: Uno de los factores más importantes. Mayor bitrate = mejor calidad = archivo más grande.
• Audio: 128 kbps en estéreo suele ser más que suficiente y ahorra mucho espacio.

Si quieres profundizar en formatos y codecs, o no tienes claro qué encaja mejor en tu proyecto, echa un vistazo a estos dos artículos:

Preparar vídeos para la web: las preguntas clave

Antes de comprimir: estas preguntas marcan la diferencia entre "aceptable" y "perfectamente optimizado".

🔍 ¿Dónde se inserta el vídeo?

Un vídeo hero en la página de inicio necesita un nivel de calidad diferente al de un pequeño testimonio en el footer. Cuanto más visible sea, más necesitas optimizar.

Ejemplo:

• ¿Creas un vídeo de fondo corto con autoplay? → Baja calidad es suficiente.
• ¿Insertas un vídeo en un recuadro pequeño sin pantalla completa? → No necesitas 4K. Usa 720p o incluso 360p.

🌐 ¿Cómo acceden los usuarios?

¿La mayoría de tus usuarios están en móvil o en Wi-Fi? Revisa tu analytics. Lo más probable es que gran parte de tu tráfico sea móvil – lo que significa que vídeos pesados están descartados.

🖼️ ¿Realmente necesitas la máxima calidad?

Para vídeos de marca, Full HD puede tener sentido. Para contenido de FAQ, 720p es suficiente. Siempre es un equilibrio entre apariencia y tiempo de carga.

🔇 ¿Es necesario el sonido?

La mayoría de los vídeos web se reproducen en silencio. Si el audio no importa, elimínalo. Ahorras espacio y evitas sorpresas incómodas con el autoplay.

🧏 ¿Necesitas funciones de accesibilidad?

Si se requieren subtítulos o transcripciones (p. ej., sector público), planifícalo antes de comprimir. No incrustes los subtítulos en el vídeo; hazlos activables desde tu player. [Detalles sobre players de vídeo accesibles]

📍 ¿Dónde se aloja el vídeo?

¿En tu CMS, tu propio servidor o una plataforma externa? Eso determina si puedes usar streaming adaptativo – o si necesitarás crear múltiples versiones manualmente.

Compresión adaptativa: por qué una sola versión no es suficiente

Mucha gente piensa que solo necesita una versión perfecta: calidad decente, archivo pequeño, listo.

El problema: esa única versión nunca funciona igual de bien para todos. Según el dispositivo y la conexión, incluso un vídeo "optimizado" puede ser un desastre.

Ejemplo: Alguien con una conexión lenta en el tren intenta cargar tu archivo de 1080p. Imposible. Otra persona con fibra óptica ve una imagen borrosa porque lo comprimiste demasiado.

Ambas son malas experiencias – y ambas perjudican el rendimiento.

La solución: compresión adaptativa con múltiples niveles de calidad. Tu vídeo se entrega en diferentes versiones, y el player elige la mejor en tiempo real según la velocidad y el tamaño de pantalla. La tecnología estándar para esto es HLS (HTTP Live Streaming) o MPEG-DASH.

¿Quieres profundizar más? Echa un vistazo a:

Comprimir vídeos para webs – Herramientas y flujos de trabajo comparados

Vamos a lo práctico:

¿Cómo consigues que tu vídeo tenga un formato que cargue rápido y se vea profesional? Aquí tienes tres opciones, según tu configuración y recursos.

🛠️ 1. Hazlo tú mismo con herramientas de escritorio

Si gestionas pocos vídeos y no necesitas conversiones automatizadas, herramientas como HandBrake, FFMPEG o Adobe Media Encoder son ideales. Puedes ajustar resolución, bitrate y configuración del codec, y exportar un MP4 ligero con H.264.

Ideal para:

• Sitios web pequeños
• Proyectos de vídeo puntuales

🧑‍💻 2. Flujos de trabajo internos con presets

Si insertas vídeos con regularidad (p. ej., como agencia, equipo editorial o departamento de marketing), vale la pena crear presets de exportación en tu software de edición. Combínalos con subidas automatizadas a tu CMS y ahorrarás tiempo y evitarás errores.

Ideal para:

• Equipos de contenido grandes
• Producción regular de vídeo
• Calidad y branding consistentes

☁️ 3. Plataformas de hosting de vídeo con optimización automática

¿Usas una plataforma de vídeo especializada? Ellas se encargan de la parte técnica: múltiples resoluciones, streaming adaptativo, players responsivos – todo automatizado.

Ideal para:

• Sitios web con mucho tráfico
• Proyectos enfocados en UX, SEO y tiempos de carga
• Equipos sin experiencia interna en vídeo

Una diferencia clave aquí es si quieres (o necesitas) desarrollar habilidades de compresión internamente.

Con las opciones 1 y 2, alguien tiene que saber lo que hace. Con la opción 3, cualquier persona del equipo puede insertar vídeos correctamente – lo que quita mucha presión.

Lo vemos constantemente: durante un relanzamiento, los vídeos están perfectamente optimizados. Pero unos meses después, alguien sube un archivo de 200 MB a una subpágina – y el rendimiento se desploma. La automatización ayuda a evitarlo.

Conforme RGPD y rápido – cómo Ignite optimiza automáticamente los vídeos web

En Ignite creemos que un gran vídeo web solo funciona cuando rendimiento, privacidad y experiencia de usuario van de la mano.

Nuestra plataforma se encarga de toda la optimización técnica por ti – incluyendo la compresión automática en múltiples niveles de calidad, HLS streaming e inserción de player responsivo. Y como hemos integrado la privacidad desde el inicio, no necesitas banners de cookies ni scripts de seguimiento externos.

¿El resultado?

Solo sube tu vídeo – nosotros nos encargamos del resto.

Comprimir vídeos para la web: tus preguntas, resueltas

1. ¿Cuál es el mejor formato de vídeo para la web?

En la mayoría de los casos: MP4 con el codec H.264. Es compatible con prácticamente todos los navegadores y dispositivos, y ofrece un gran equilibrio entre tamaño de archivo y calidad.

2. ¿Cuál es la diferencia entre un codec y un container?

El container (como MP4 o WebM) es el "envoltorio" de tu vídeo. El codec (como H.264 o H.265) es lo que realmente comprime el contenido visual y de audio dentro de él.

3. ¿Qué resolución tiene sentido para vídeos web?

Para la mayoría de sitios web, 1080p (Full HD) es más que suficiente. Si quieres ahorrar aún más datos, 720p suele funcionar bien. 4K solo tiene sentido si el detalle visual es crítico.

Consejo pro: Muchas veces menos es más. Haz que tu vídeo sea solo tan grande como necesite ser.

4. ¿Cuánto puedo comprimir un vídeo sin perder calidad?

Depende del contenido: un vídeo tipo busto parlante se puede comprimir mucho más que imágenes de acción rápida. Regla general: mantén el bitrate lo más bajo posible, pero tan alto como sea necesario. Para 1080p, suele estar entre 2.500 y 5.000 kbps.

5. ¿Qué tamaño debería tener un vídeo para la web?

Depende, pero idealmente mantén los vídeos hero para móvil por debajo de 10 MB, y los clips más largos por debajo de 50 MB. Más importante que el tamaño es: ¿qué tan rápido empieza a reproducirse?

6. ¿Qué es el streaming adaptativo de bitrate?

Con el streaming adaptativo, tu vídeo se codifica en varias versiones (p. ej. 360p, 720p, 1080p). El player elige la adecuada según la conexión del usuario. Esto significa reproducción fluida incluso con redes lentas.

7. ¿Puedo alojar los vídeos yo mismo?

Técnicamente sí, pero es complejo. Tendrás que preparar múltiples versiones manualmente, integrar un player y encargarte del cumplimiento de privacidad. Plataformas como Ignite se encargan de todo eso por ti.

[Más sobre la diferencia entre hosting web y hosting de vídeo →]

8. ¿Qué herramientas son buenas para principiantes?

Para empezar: HandBrake (gratuito, con GUI) o FFMPEG (potente, basado en CLI). Ambos funcionan bien si sabes qué configurar. Si prefieres ahorrarte la parte técnica, una plataforma de hosting profesional puede hacerlo automáticamente.

9. ¿Qué tamaño debería tener un vídeo para webs móviles?

Los vídeos cortos con autoplay en cabeceras deberían pesar menos de 10 MB. Para clips más largos en landing pages, intenta no superar los 50 MB, al menos no para la primera versión que se carga.

10. ¿Qué es mejor para sitios web: MP4 o HLS?

MP4 es sencillo y funciona en todas partes. Pero HLS (HTTP Live Streaming) ofrece múltiples niveles de calidad y se adapta a la conexión del usuario, ideal para rendimiento y UX móvil. Es más complejo, pero vale la pena a largo plazo.

[Más sobre HLS vs MP4 en esta guía →]

11. ¿Puedo comprimir varios vídeos a la vez?

Sí. Herramientas como HandBrake, FFMPEG y muchos codificadores profesionales permiten procesamiento por lotes. Mejor aún: plataformas como Ignite cuentan con potentes pipelines de codificación que gestionan grandes volúmenes de vídeos en diferentes formatos, de forma totalmente automática y optimizada para la web.

12. ¿Por qué mi vídeo sigue siendo lento, incluso después de comprimirlo?

El tamaño del archivo no lo es todo. Si tu servidor web es lento, no tiene caché, o la conexión del usuario es débil, la reproducción seguirá con retrasos. Además: si solo ofreces un archivo grande (p. ej. 1080p), los usuarios en móvil tendrán problemas. Usa entrega adaptativa para evitarlo.

13. ¿Cómo puedo mejorar la carga de vídeo en móvil?

Usa streaming adaptativo (como HLS), ofrece resoluciones más bajas y evita que la calidad alta sea la opción predeterminada. También: no pongas autoplay en vídeos grandes. Una imagen de vista previa carga más rápido y evita consumir ancho de banda innecesario.

14. ¿Puedo comprimir u optimizar vídeos directamente en mi CMS?

Algunos CMS o constructores de páginas ofrecen optimización básica de vídeo, como carga diferida o conversión automática de formato. Pero normalmente es limitado y no comparable con herramientas profesionales o soluciones de hosting.

15. ¿Cómo afecta la tasa de fotogramas al tamaño y la calidad?

Tasas de fotogramas más altas (como 60 fps) significan más datos por segundo y archivos más grandes. La mayoría de vídeos web funcionan perfectamente a 24 o 30 fps. Solo el contenido con mucho movimiento (p. ej. deportes) puede necesitar más.

16. ¿Puedo recomprimir un vídeo que ya está comprimido?

Técnicamente sí, pero perderás calidad. Cada paso de compresión reduce la nitidez visual, especialmente si el bitrate ya era bajo. Es mejor exportar correctamente desde el inicio o usar una plataforma que cree versiones optimizadas automáticamente.