MP4 vs WebM: qual formato de vídeo exportar

Na escolha MP4 vs WebM, exporte em MP4 quando for enviar para qualquer lugar que você não controla, como Instagram, TikTok, LinkedIn, a caixa de entrada de um cliente ou um editor de vídeo, porque ele toca em quase tudo. Escolha o WebM para o seu próprio site, onde ele costuma ser menor com a mesma qualidade e, idealmente, ofereça os dois para que cada navegador pegue o que reproduz melhor. Isso resolve a maioria das decisões. O resto desta página explica o porquê e os poucos casos em que a resposta muda.

O que MP4 e WebM realmente são

Ambos são contêineres: caixas que guardam um fluxo de vídeo, um fluxo de áudio e algumas informações sobre eles. O que decide qualidade e tamanho é o codec lá dentro. O MP4 costuma levar vídeo H.264 e áudio AAC, às vezes H.265 ou AV1. O WebM leva vídeo VP8, VP9 ou AV1 com áudio Opus ou Vorbis. O WebM foi criado como um formato aberto e livre de royalties para a web; o MP4 é o padrão consolidado em torno do qual câmeras, celulares e programas de edição foram construídos.

Qual formato para redes sociais

Exporte em MP4. Toda grande plataforma o aceita, e toda plataforma recodifica o que você envia, então um WebM menor não adianta nada depois de lá. O que realmente muda a aparência do seu vídeo depois do upload é o tamanho do quadro, a taxa de quadros e a qualidade do arquivo que você manda. Envie um MP4 limpo de 1080×1920 para Reels e stories, ou 1080×1350 para um post vertical no feed, e a plataforma não tem nada para redimensionar.

Para a lista completa de quadros por plataforma, veja tamanhos de vídeo para redes sociais.

Qual formato para um site

No seu próprio site, você controla o player, então pode oferecer os dois. O navegador lê os elementos source em ordem e reproduz o primeiro que suporta. Ponha o WebM primeiro se o seu arquivo WebM for o menor dos dois e mantenha o MP4 como alternativa para qualquer navegador que não consiga reproduzi-lo.

<video autoplay muted loop playsinline
       width="1920" height="1080" poster="loop-poster.jpg">
  <source src="loop.webm" type="video/webm">
  <source src="loop.mp4" type="video/mp4">
</video>

Meça antes de presumir. Em alguns clipes, sobretudo os muito curtos ou muito simples, um MP4 bem codificado é tão pequeno quanto o WebM, e servir um só arquivo é mais simples. O guia do MDN sobre codecs de vídeo para a web é a referência do que cada navegador reproduz. Se o clipe for um fundo, vídeos de fundo em sites trata de imagens de poster, dimensionamento e desempenho.

Convertendo entre MP4 e WebM

Se você tem um formato e precisa do outro, a ferramenta de linha de comando gratuita FFmpeg faz os dois sentidos. Os comandos abaixo são pontos de partida sensatos para loops criados em design: sem áudio, boa qualidade e um MP4 que começa a tocar antes de baixar por inteiro.

# WebM to MP4 (H.264), ready for social uploads and the web
ffmpeg -i loop.webm -c:v libx264 -crf 20 -preset slow \
  -pix_fmt yuv420p -movflags +faststart -an loop.mp4

# MP4 to WebM (VP9), usually smaller for your website
ffmpeg -i loop.mp4 -c:v libvpx-vp9 -crf 32 -b:v 0 -an loop.webm

Degradês, faixas e qualidade

Degradês suaves são a coisa mais difícil de comprimir. Grandes áreas de cor que muda devagar expõem qualquer falta de bits como degraus visíveis, e os degradês escuros mostram isso primeiro. Os dois formatos lidam bem com isso numa configuração generosa de qualidade; nenhum dos dois lida numa configuração mesquinha. Um toque de grão no design ajuda muito, porque os codificadores preservam a textura em vez de achatá-la em faixas.

As causas e as soluções para imagens estáticas estão em faixas em degradês. A versão animada acrescenta mais uma regra: exporte no tamanho exato em que vai publicar, para que nada seja redimensionado duas vezes.

Onde o GIF entra

O GIF não é um formato de vídeo e é o maior dos três para o mesmo loop, com um limite de 256 cores que cria faixas nos degradês. O seu único reduto é o e-mail, onde a maioria das caixas de entrada mostra GIFs e pouquíssimas tocam vídeo. A comparação entre os três está em GIF vs MP4, e a arte de fazer um bom GIF está em GIFs animados.

Na Gradiently, as exportações de vídeo são um recurso do Pro e saem em MP4 ou WebM, dependendo do que o seu navegador consegue gravar. De qualquer forma, você recebe o Mark em movimento atrás das suas palavras em até 1080p, pronto para enviar ou incorporar. Os detalhes estão em exportar imagens e loops.