Como optimizar videos para web

Hace un par de semanas hablábamos de optimizar imágenes para su correcta utilización en páginas web, hoy vamos a hacer lo mismo pero para videos.

En nuestro servicio de análisis de páginas web, hemos visto más de una página web con imágenes e incluso videos subidos directamente tras ser descargados del móvil o la cámara, algo que nunca hay que hacer.

Entonces, ¿es necesario optimizar un video antes de subirlo a una web?

Sí, es fundamental optimizar un video antes de subirlo a una web. Un archivo sin comprimir puede ralentizar todo el sitio, e incluso dependiendo del peso del video evitar su visualización.

Veamos algunos aspectos clave a la hora de optimizar un video para web:

1. Elige el formato y códec correcto: el formato universal es el MP4 y el códec más compatibles el H264
2. Ajusta la tasa de bists (bitrate): es el factor que más influye en el peso del video. Para un video de una web es suficiente un bitrate de entre 1500 y 3000 kbps
3. Limita la resolución y FPS. Usa resoluciones de 1080p (Full HD) o 720p (HD) y 30 fotogramas por segundo (fps). Subir un video a 4K o 60fps ralentizará innecesariamente tu web.
4. Aloja el video en plataformas externas: si al comprimir el video pierdes demasiada calidad, sopesa la opción de subir el video a plataformas como YouTube o Vimeo y luego utilizar los códigos que ofrecen esas plataformas para insertarlo en la web
5. Audio: si puedes comprime también la pista de audio; una tasa de 128 kbps a 192 kbps suele ser adecuada para la web.

Recomendaciones según dónde se mostrará el video y su función

• Videos de cabecera o fondo (Backgrounds / Hero videos): son los videos que se reproducen en la cabecera de una página web, normalmente suelen ocupar todo el ancho de la página (1920 px), se reproducen en bucle y sin sonido.
  • Tamaño recomendado: entre 2 y 5 MB (máximo 10 MB)
  • Duración: entre 15 y 25 segundos
  • Audio: lo ideal es eliminar por completo la pista de audio
• Videos explicativos o promocionales en la página: normalmente es el usuario quien los inicia seleccionándolos voluntariamente.
  • Tamaño recomendado: entre 2 y 5 MB (máximo 10 MB)
  • Duración: entre 30 y 60 segundos

Si no conoces ningún programa para optimizar tus videos para web, aquí te comentamos algunos que puedes probar.

Programas para optimizar vídeos para web y reducir su tamaño sin perder calidad.

• HandBrake: uno de los más utilizados. Es completamente gratuito y permite ajustar la resolución, tasa de bits y el codec.
• Climpchamp: el editor de video oficial de Microsoft (incluido en Windows). Ideal si lo que buscas es un resultado rápido sin complicarte la vida.
• Shutter Encoder: también una buena alternativa, además de gratuita.
• Adobe Media Encoder: la opción profesional de Adobe. Si ya controlas programas como Premiere o After Effects este es tu programa.

Si no quieres instalar ningún programa en tu ordenador, también existen aplicaciones online con los que podrás convertir tus videos:

• FreeConvert: podrás comprimir videos de hasta 2 GB, controlando tanto la calidad como el formato de salida.
• Redpanda Compress: esta plataforma comprime los videos (hasta 2GB) directamente en tu navegador, sin necesidad de subirlos a un servidor, garantizando tu privacidad
• MP4Compress: comprime vídeos fácilmente, sin opciones, subes el archivo y seleccionar el botón de Comprimir (máximo 500MB).

Y si tienes cualquier duda sobre cómo optimizar los videos para tu web, o incluso cómo conseguir videos profesionales que puedas utilizar en tu página, no lo dudes, llámanos y nuestros técnicos se encargarán de resolver todas tus dudas.