Convertir MOV a WebP

Ahí está la diferencia frente a sacar una miniatura de un vídeo ajeno. Tienes ese MOV porque lo grabaste o lo exportaste tú, y estás a punto de poner tanto el vídeo como su fotograma de portada en una página que controlas. Los dos archivos tienen que encajar entre sí, y quien elige el instante es quien sabe qué pasa en el segundo tres.

Eso también significa que el fotograma trabaja de verdad, no decora. Es lo que ve el visitante mientras el vídeo se abre paso por la conexión, es lo que aparece si el navegador bloquea la reproducción automática, y en un móvil con ahorro de datos activado puede ser lo único que llegue a ver. Un fotograma elegido sin pensar es un vídeo que parece roto para buena parte de esa audiencia.

El truco más útil de esta página. Busca el momento que el vídeo va a estar mostrando una vez empiece a reproducirse —en la mayoría de montajes es uno o dos segundos después de arrancar, tras el fundido o la pausa inicial— y saca el fotograma de ahí en vez de del segundo cero.

Hazlo así y el paso de la imagen fija al vídeo se vuelve invisible: el navegador pinta el fotograma, luego pinta un primer cuadro casi idéntico, y nada salta a la vista. Sacar el fotograma de un fundido desde negro deja al visitante mirando un rectángulo negro hasta que arranca la reproducción, y entonces aparece la imagen de golpe. El control de segundos es donde vive esta decisión y probarla cuesta una conversión.

El fotograma sale a la resolución propia del vídeo, que en una cámara o un móvil actual son 3.840 píxeles de ancho. Un fotograma de portada se muestra al tamaño que tenga el reproductor en la página, casi siempre entre 640 y 1.280.

Publicar el WebP a resolución completa significa que el visitante descarga cerca de un megabyte para ver una imagen que se pinta a un tercio de ese tamaño. Redimensiona a más o menos el doble del ancho mostrado en pantalla, para cubrir bien las pantallas de alta densidad, lo que suele dejar un fotograma fotográfico entre 60 y 200 kilobytes. Esta herramienta deliberadamente no redimensiona ella sola: ese paso va en la que uses para preparar el resto de las imágenes del sitio.

La extracción de fotogramas ofrece un único control, el instante en segundos, así que el WebP se codifica a una calidad fija de 82 sobre la escala de cien puntos habitual. Es un ajuste medio bien elegido: indistinguible del original en contenido fotográfico a los tamaños normales de visualización, y notablemente más ligero que cualquier valor más alto.

Si necesitas un número concreto, la vía es sacar un PNG del mismo instante y codificar el WebP tú mismo con los ajustes que quieras. Para un fotograma de portada, 82 es casi con seguridad lo que habrías elegido de todas formas, y el redimensionado posterior tiene un efecto mucho mayor sobre el peso final que ese número de calidad.

Las grabaciones de móvil se guardan como fotogramas horizontales con una marca de rotación, y esa marca se respeta al leer el fotograma, así que un clip vertical produce una imagen vertical con las mismas proporciones que va a usar el reproductor.

Eso importa aquí más que en cualquier otro tipo de fotograma. La imagen de portada se pinta dentro de la caja del propio reproductor, así que una imagen horizontal detrás de un vídeo vertical queda enmarcada con bandas que desaparecen en cuanto arranca la reproducción — un salto feo y visible que se lee como una página rota. Comprueba las dimensiones del WebP contra las que declara el vídeo antes de darlo por bueno.

Un fotograma sacado de una grabación comprimida lleva esa compresión encima. El movimiento rápido deja borrones y bloques, la textura fina se ve más gruesa de lo que parecía en movimiento, y el detalle en sombras puede quedar visiblemente escalonado. Ningún codificador puede devolver lo que el vídeo nunca llegó a guardar.

La consecuencia práctica es que un instante estático da un fotograma de portada mucho mejor que uno con movimiento, lo cual es cómodo porque un instante estático suele quedar mejor como portada de todas formas. Si todo el clip es movimiento, la alternativa es hacer una foto aparte durante la propia grabación — la mayoría de cámaras y móviles lo permiten, y una foto real gana siempre a cualquier fotograma sacado del vídeo.

La imagen se escribe sin perfil ICC. Un navegador que muestre una imagen sin etiqueta la trata como sRGB, que es la suposición correcta para la web y no necesariamente la que tenía el vídeo de origen.

Se nota en material de gama amplia. El vídeo de un iPhone es Display P3, y un fotograma muy saturado —un atardecer, un cartel de neón, un producto de color intenso— puede verse algo más apagado como fotograma fijo que dentro del vídeo en reproducción, que el navegador muestra con la información de color propia del vídeo. Si el color exacto importa en una ficha de producto, compara el fotograma con el vídeo en marcha y ajusta en tu editor de imagen antes de asumir que el fallo está en la conversión.

El atributo de portada del elemento de vídeo acepta la imagen directamente, y poner la precarga en metadatos en vez de automática evita que el navegador descargue el vídeo antes de que alguien lo haya pedido — esa combinación es la que hace que el fotograma se gane su sitio en vez de ser una segunda descarga encima del vídeo completo.

Para una tarjeta o un listado, el mismo archivo suele servir, y poner ancho y alto en el elemento de imagen evita que la página salte al cargarlo. Si la página tiene varios vídeos, una imagen de portada de tamaño razonable por cada uno pesa en total menos que una única vista previa con reproducción automática, y no gasta datos móviles del visitante en algo que no ha pedido.

La decodificación y la codificación a WebP ocurren las dos en esta pestaña. No sale nada que lleve el vídeo, y puedes comprobarlo en la pestaña de red del navegador mientras se procesa la conversión.

Encaja de forma natural con el trabajo de esta página. El vídeo todavía no está publicado, el fotograma de portada se está preparando como parte de la propia publicación, y por definición es la imagen más representativa de toda la pieza. Enviar el máster a un conversor cualquiera solo para sacar ese fotograma sería la única fuga evitable en un lanzamiento que por lo demás está bajo control.

Cuando el sitio tiene varios vídeos propios —una serie de demos de producto, los reportajes de un negocio local, las entrevistas de un proyecto— cada MOV necesita su propia imagen de portada con su propio instante elegido a mano, porque el momento adecuado no es el mismo en dos clips distintos. Convertir la carpeta entera con el mismo segundo fijo para todos suele dar resultados desiguales: en algunos clips coincidirá con un buen instante y en otros con un parpadeo o un plano en movimiento.

La rutina que mejor funciona es revisar cada vídeo por encima antes de convertir, anotar el segundo que interesa de cada uno y procesarlos por separado con ese valor. Cuesta un poco más de tiempo que un lote automático, y a cambio cada portada representa de verdad el vídeo al que pertenece.

Un solo instante rara vez basta para todo lo que necesita una publicación. La imagen de portada del reproductor quiere el momento justo antes del cuadro con el que arranca el vídeo, la miniatura de una lista suele funcionar mejor con un plano más amplio del producto o de la escena, y la imagen para compartir en redes normalmente pide algo con más contraste y menos texto pequeño, porque se va a ver en un recuadro reducido.

Sacar tres o cuatro fotogramas a distintos segundos y compararlos lado a lado cuesta poco más que sacar uno solo, y evita el error habitual de usar el mismo fotograma de portada para todo el sitio cuando cada uso pide algo ligeramente distinto.

Cuando el vídeo forma parte de una presentación de producto y existe también una sesión de fotos del mismo objeto, merece la pena poner el fotograma extraído al lado de una foto real antes de decidir cuál usar como portada. La foto casi siempre gana en nitidez y en color, porque no arrastra la compresión del vídeo ni el desenfoque de movimiento de una grabación en marcha.

El fotograma sigue siendo la opción correcta cuando lo importante es que la portada anticipe exactamente lo que el vídeo va a mostrar al arrancar —una demo, un tutorial, una entrevista— y una foto de otro momento rompería esa continuidad visual con la reproducción.