MP4 vs WebM: que formato de vídeo exportar

Na escolha MP4 vs WebM, exporta MP4 quando carregas para qualquer sítio que não controlas, como Instagram, TikTok, LinkedIn, a caixa de entrada de um cliente ou um editor de vídeo, porque reproduz-se quase em todo o lado. Escolhe WebM para o teu próprio site, onde costuma ser mais leve com a mesma qualidade, e idealmente oferece os dois para que cada navegador escolha o que reproduz melhor. Isto cobre a maioria das decisões. O resto desta página explica o porquê e os poucos casos em que a resposta muda.

O que são realmente o MP4 e o WebM

Ambos são contentores: caixas que guardam uma faixa de vídeo, uma faixa de áudio e alguma informação sobre elas. O que decide a qualidade e o tamanho é o codec lá dentro. O MP4 leva normalmente vídeo H.264 e áudio AAC, por 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 sem royalties para a web; o MP4 é o padrão estabelecido há muito em torno do qual foram construídas câmaras, telemóveis e software de edição.

Que formato para redes sociais

Exporta MP4. Todas as grandes plataformas o aceitam, e todas recodificam o que carregas, por isso um WebM mais leve não te traz nada quando já lá está. O que realmente muda o aspeto do teu vídeo depois do carregamento é o tamanho do quadro, a taxa de fotogramas e a qualidade do ficheiro que envias. Envia um MP4 limpo de 1080×1920 para Reels e stories, ou 1080×1350 para uma publicação vertical de feed, e a plataforma não tem nada para redimensionar.

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

Que formato para um site

No teu próprio site controlas o leitor, por isso podes oferecer os dois. O navegador lê os elementos source por ordem e reproduz o primeiro que suporta. Põe o WebM primeiro se o teu ficheiro WebM for o mais leve dos dois e mantém o MP4 como alternativa para qualquer navegador que não o consiga reproduzir.

<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>

Mede antes de assumir. Em alguns clips, sobretudo muito curtos ou muito simples, um MP4 bem codificado é tão leve como o WebM, e servir um só ficheiro é mais simples. O guia da MDN sobre codecs de vídeo para a web é a referência para o que cada navegador reproduz. Se o clip for um fundo, os fundos de vídeo em sites tratam de imagens de póster, dimensões e desempenho.

Converter entre MP4 e WebM

Se tens um formato e precisas do outro, a ferramenta gratuita de linha de comandos FFmpeg trata dos dois sentidos. Os comandos abaixo são pontos de partida sensatos para loops desenhados: sem áudio, boa qualidade e um MP4 que começa a reproduzir antes de estar totalmente descarregado.

# 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

Gradientes, banding e qualidade

Os gradientes suaves são o mais difícil de comprimir. Grandes áreas de cor em lenta mudança expõem qualquer falta de bits como degraus visíveis, e os gradientes escuros mostram-no primeiro. Ambos os formatos lidam bem com isto com uma definição de qualidade generosa; nenhum lida bem com uma forreta. Um toque de grão no design ajuda muito, porque os codificadores preservam a textura em vez de a achatar em faixas.

As causas e soluções para imagens fixas estão no banding em gradientes. A versão animada acrescenta mais uma regra: exporta no tamanho exato em que vais publicar, para que nada seja redimensionado duas vezes.

Onde entra o GIF

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 banding nos gradientes. O seu único reduto é o email, onde a maioria das caixas de entrada mostra GIFs e muito poucas reproduzem vídeo. A comparação dos três está em GIF vs MP4, e a arte de fazer um bom está nos GIFs animados.

No Gradiently, as exportações de vídeo são uma funcionalidade Pro e saem em MP4 ou WebM, consoante o que o teu navegador consegue gravar. Em qualquer dos casos recebes o Mark em movimento por trás das tuas palavras até 1080p, pronto para carregar ou incorporar. Os pormenores estão em exportar imagens e loops.