Formatos de video para web: WebM vs MP4

El video en el diseño web moderno

Los videos de fondo (background videos) y las animaciones pesadas son muy comunes en el diseño web actual.

Sin embargo, un video mal optimizado puede arruinar la velocidad de carga de tu página, afectando negativamente a tu SEO y frustrando a los usuarios móviles.

MP4: La opción segura

El MP4 (con códec H.264) es soportado por el 100% de los navegadores modernos, incluyendo Safari en iOS, que históricamente ha sido muy estricto con los formatos.

Siempre debes proporcionar una versión MP4 de tus videos web como opción de respaldo (fallback).

WebM: La opción optimizada de Google

WebM es un formato de código abierto desarrollado por Google específicamente para la web. Ofrece una compresión superior al MP4 tradicional.

Además, WebM soporta canales alfa (transparencias), lo que permite incrustar videos sin fondo sobre tu página web de forma limpia. La mejor práctica es usar la etiqueta HTML <video> ofreciendo primero el WebM y luego el MP4.