Converter MOV para WebP

É o que diferencia isso de tirar uma miniatura do arquivo de outra pessoa. Você tem o MOV porque filmou ou exportou, e está prestes a colocar tanto o vídeo quanto seu pôster numa página que você controla.

Também significa que o pôster está fazendo trabalho real em vez de decoração. É o que um visitante vê enquanto o vídeo negocia o caminho pela conexão, e o que aparece se a reprodução automática for recusada pelo navegador.

O truque mais útil desta página. Ache o momento que o vídeo vai mostrar assim que começar a tocar — para a maioria das edições isso é um ou dois segundos depois de um fade de abertura — e tire o pôster dali em vez do zero.

Faça isso e a transição do pôster para a reprodução fica invisível: o navegador pinta o pôster, depois pinta um primeiro quadro quase idêntico, e nada salta. O controle de timestamp é onde essa decisão mora.

O quadro chega na resolução própria do vídeo, que numa câmera ou celular moderno significa 3.840 pixels de largura. Um pôster é exibido no tamanho do elemento de vídeo, normalmente entre 640 e 1.280.

Enviar o WebP em resolução total significa que um visitante baixa talvez um megabyte para ver uma imagem renderizada a um terço do tamanho. Redimensione para cerca do dobro da largura exibida.

A extração de quadro oferece um único controle — o timestamp — então o WebP é codificado a uma qualidade fixa de 82 na escala de cem pontos usual. É um ajuste intermediário bem escolhido: indistinguível do original em conteúdo fotográfico.

Se você precisa de um número específico, o caminho é tirar um PNG do mesmo timestamp e codificar o WebP você mesmo com as configurações que quiser.

Filmagem de celular é guardada como quadros paisagem com uma flag de rotação, e a flag é respeitada quando o quadro é lido, então um clipe retrato produz uma imagem retrato com as mesmas proporções que o player vai usar.

Isso importa mais para um pôster do que para qualquer outra imagem parada. O pôster é pintado dentro da caixa do elemento de vídeo, então uma imagem paisagem atrás de um vídeo retrato fica com barras que somem no instante em que a reprodução começa.

Um quadro tirado de uma gravação comprimida carrega essa compressão. Movimento rápido produz borrão e blocagem, textura fina fica mais grosseira do que parecia em movimento, e detalhe de sombra pode ficar visivelmente escalonado.

A consequência prática é que um momento estático faz um pôster muito melhor do que um dinâmico — o que é conveniente, porque um momento estático já costuma fazer um pôster melhor de qualquer forma.

A imagem é escrita sem perfil ICC. Um navegador renderizando uma imagem sem marcação a trata como sRGB, o que é a suposição certa para a web e não é necessariamente o que a filmagem era.

Isso aparece em fontes de gamut amplo. Vídeo de iPhone é Display P3, e um quadro saturado pode parecer um pouco mais opaco como imagem parada sem marcação do que parecia no vídeo.

O atributo poster no elemento de vídeo recebe a imagem diretamente, e definir preload como metadata em vez de auto evita que o navegador busque o vídeo antes de alguém pedir.

Para uma listagem ou cartão, o mesmo arquivo costuma servir, e largura e altura no elemento de imagem evitam que o layout pule ao carregar.

A decodificação e a codificação WebP acontecem nesta aba. Nada carregando o vídeo é enviado a lugar nenhum, o que dá para confirmar na aba de rede enquanto uma conversão roda.

É o encaixe natural para o trabalho. O vídeo ainda não está no ar, o pôster está sendo preparado como parte da publicação, e o quadro que você está extraindo é por definição a imagem mais representativa da peça inteira.