Como converter MP4 para WebM e quando usar vídeo WebM no site

Resposta rápidapara converter MP4 para WebM, use um conversor de vídeo que gere WebM com codec VP9 e áudio Opus (ou sem áudio, no caso de vídeo de fundo), ajuste o fator de qualidade e limite a resolução ao tamanho exibido. No site, ofereça WebM e MP4 juntos na tag video e defina uma imagem de pôster. Para redes sociais e WhatsApp, mantenha o MP4.

O site novo ficou lindo no computador do designer. No celular do cliente, o vídeo de fundo da home leva uma eternidade, a página trava e o PageSpeed aponta o arquivo de 38 MB como culpado. A solução não é tirar o vídeo, e sim entregá-lo no formato e no tamanho certos.

Converter MP4 para WebM é uma das formas mais diretas de deixar vídeo de site mais leve. Mas WebM não substitui o MP4 em tudo — e saber onde usar cada um evita trocar um problema por outro.

WebM e MP4: qual a diferença

MP4 e WebM são contêineres: caixas que guardam vídeo e áudio. O que define o peso e a compatibilidade é o codec usado dentro da caixa.

Característica	MP4 (H.264 + AAC)	WebM (VP9 + Opus)
Compatibilidade geral	Praticamente universal	Navegadores atuais; menos fora deles
Peso na mesma qualidade	Referência	Em geral menor
Redes sociais e WhatsApp	Aceito em todo lugar	Nem sempre aceito
Licenciamento	Codec com patentes	Formato aberto, livre de royalties
Melhor uso	Envio, redes, compatibilidade	Vídeo hospedado no próprio site

O WebM é um projeto aberto, criado para a web. Segundo o Can I use, os principais navegadores atuais reproduzem WebM, mas o suporte do Safari chegou bem depois dos outros — e versões antigas do iPhone ainda circulam. Por isso a regra de ouro é simples: no site, ofereça os dois.

Quando usar vídeo WebM no site

Nem todo vídeo de site precisa de WebM. Ele faz mais diferença quando o vídeo é hospedado no seu próprio servidor e carrega junto com a página:

• Vídeo de fundo na home ou em landing page, que roda em loop, sem som.
• Demonstração curta de produto na página de venda ou de produto da loja.
• Animações e tutoriais curtos que substituem GIFs pesados.
• Portfólio de agência com vários vídeos na mesma página.

Quando o vídeo está no YouTube ou no Vimeo e é incorporado no site, a plataforma escolhe o formato sozinha. Nesse caso, não há o que converter.

Por que o peso do vídeo importa tanto

Um vídeo no topo da página compete com tudo o mais pelo carregamento. Segundo o web.dev, um Largest Contentful Paint de até 2,5 segundos é considerado bom, e um vídeo de fundo pesado é um candidato frequente a atrasar essa métrica. Um bom alvo prático para vídeo de fundo é ficar abaixo de alguns MB: poucos segundos, em loop, a 720p ou 1080p, sem áudio.

Como converter MP4 para WebM passo a passo

O roteiro serve tanto para um vídeo de fundo quanto para um lote de demonstrações de produto:

1. Parta do arquivo de maior qualidade que você tiver, de preferência o exportado do editor.
2. Corte o trecho que interessa. Vídeo de fundo raramente precisa de mais de 10 a 20 segundos.
3. Defina a resolução máxima pelo tamanho exibido: 720p para a maioria dos fundos; 1080p se ocupar a tela toda em monitores grandes.
4. Escolha WebM (VP9) e um fator de qualidade moderado; teste também um valor um pouco mais alto e compare.
5. Remova o áudio se o vídeo for de fundo ou decorativo.
6. Gere também a versão MP4 com as mesmas configurações, como alternativa.
7. Extraia um quadro para o pôster, em JPG ou PNG, e converta para WebP se quiser economizar mais.
8. Teste no celular com a conexão limitada nas ferramentas do navegador.

O que é o CRF

CRF (constant rate factor) é o "botão de qualidade" dos codificadores de vídeo modernos. Número menor significa mais qualidade e arquivo maior; número maior, o contrário. Em vez de fixar um bitrate, o codificador gasta mais bits nas cenas difíceis e menos nas paradas. Para vídeo de site, vale testar dois ou três valores próximos e escolher o menor arquivo que ainda parece bom no celular.

O HTML com WebM, MP4 e pôster

A tag video aceita várias fontes; o navegador usa a primeira que consegue tocar. A referência completa está na documentação do elemento video no MDN.

“html <video autoplay muted loop playsinline poster="fundo.webp"> <source src="fundo.webm" type="video/webm"> <source src="fundo.mp4" type="video/mp4"> </video> “

Os atributos muted e playsinline são o que permite a reprodução automática na maioria dos navegadores de celular. Sem eles, o vídeo pode simplesmente não começar.

Erros comuns com vídeo no site

• Subir o arquivo direto da câmera. Vídeo de celular em 4K para um fundo de 600 px de altura é desperdício.
• Converter a partir do vídeo do WhatsApp. Ele já foi comprimido; reconverter só acumula perda.
• Deixar áudio no vídeo de fundo. Além de inútil, aumenta o peso.
• Esquecer o pôster. Enquanto o vídeo carrega, o visitante vê um retângulo preto.
• Servir só WebM. Quem estiver num navegador antigo fica sem vídeo.

Se o destino do vídeo for mensagem ou rede social, e não o site, o caminho é outro: veja como comprimir vídeo sem perder qualidade. E para gravações do iPhone, o primeiro passo costuma ser converter MOV para MP4.

Checklist antes de publicar o vídeo

Antes de mandar a página para o ar, confira:

• O vídeo tem as duas versões, WebM e MP4, com a mesma duração e o mesmo enquadramento.
• A resolução não passa do tamanho em que o vídeo aparece na tela.
• O vídeo de fundo está sem faixa de áudio e com muted no HTML.
• O pôster existe, é leve e mostra um quadro bonito, não o primeiro quadro preto.
• O loop não tem "pulo" visível entre o fim e o começo.
• Em telas pequenas, vale avaliar se o vídeo de fundo deve mesmo carregar ou se o pôster basta.

Esse último ponto é decisão de projeto: em muitos sites, o celular recebe só a imagem, e o vídeo fica para telas maiores.

Antes e depois numa agência

Pense numa agência que entrega landing pages toda semana, cada uma com um vídeo de fundo e duas demonstrações. Para cada vídeo, alguém abre o editor, exporta em WebM, exporta em MP4, tira um print para o pôster e redimensiona. São cerca de 15 minutos por vídeo quando tudo dá certo, e 45 minutos por página. Com um fluxo salvo, o mesmo trabalho vira soltar os três vídeos e baixar seis arquivos e três pôsteres.

Perguntas frequentes

Como automatizar isso com a Pasta Mágica

A Pasta Mágica converte vídeo com o ffmpeg, uma ferramenta tradicional de vídeo — sem IA alterando o conteúdo. O fluxo para vídeo de site:

1. Crie sua conta em pastamagica.com.br/cadastrar. A cota grátis dá para testar com um vídeo real.
2. Escolha Converter vídeo com formato WebM. Rode uma segunda vez com MP4 para ter a alternativa. Para o pôster, use Gerar miniaturas de vídeo, informando o segundo exato do quadro.
3. Ajuste as opções: fator de qualidade (CRF), resolução máxima (480p a 1440p, sem ampliar), velocidade de codificação e áudio — converter, copiar ou remover. No WebM, o vídeo sai em VP9 e o áudio em Opus.
4. Solte os vídeos. Cada arquivo é conferido pelo conteúdo, não pela extensão.
5. Acompanhe arquivo por arquivo e baixe as versões prontas para subir no site.

Cada automação tem custo fixo em créditos, mostrado antes de rodar; se uma etapa falhar, a reserva volta sozinha. Os limites de cada plano estão na tabela de preços.