MP4 vs WebM para a web - quando usar cada formato

Publicado a 20 de abril de 2026

---

MP4 e WebM sao os dois formatos de contentor que importam na web moderna. MP4 quase sempre carrega video H.264 (AVC) com audio AAC; WebM quase sempre carrega video VP9 ou AV1 com audio Opus. A escolha certa depende de onde o seu video reproduz, quanta largura de banda consome e quanto tempo esta disposto a esperar pela codificacao. Este guia cobre a economia dos codecs, a realidade do suporte dos navegadores em 2026 e as tres decisoes reais de producao que determinam que contentor sai.

Contentor vs codec - o que cada ficheiro realmente contem

Um contentor envolve video, audio e metadados num unico ficheiro que um leitor pode ler. MP4 (ISO base media) e WebM (um perfil Matroska restrito) sao ambos contentores. O codec e como os pixels do video e as amostras de audio sao comprimidos. Um MP4 pode, em teoria, transportar quase qualquer codec, mas na pratica o ecossistema web trata o MP4 como um ficheiro H.264. WebM e construido especificamente para codecs livres de royalties - VP8 (raro em 2026), VP9 (mainstream) e AV1 (mais recente, maior compressao).

Quando a decisao e enquadrada como "MP4 ou WebM", a decisao real e H.264 vs VP9 vs AV1 - que codec codificar. O contentor segue o codec. H.264 sai em MP4; VP9 e AV1 saem em WebM na web.

Comparacao de tamanho de codec para a mesma qualidade visual

Realidade do suporte dos navegadores em 2026

MP4/H.264 reproduz em 100% dos navegadores em circulacao - Chrome, Firefox, Safari, Edge, cada WebView movel. Tem reproduzido ha uma decada. Se um video a reproduzir importa mais do que bytes poupados, envie H.264.

WebM/VP9 reproduz em Chrome, Firefox, Edge, Opera e Safari (desde Safari 14, macOS Big Sur, 2020). Safari movel em iOS 14+ suporta VP9. Uma audiencia residual muito pequena em iPhones legados abaixo de iOS 14 nao consegue descodificar VP9.

WebM/AV1 reproduz em Chrome 70+, Firefox 67+ e Edge 75+. Safari adicionou suporte AV1 na 17.4 (2024). A descodificacao AV1 por hardware requer silicio relativamente novo - Intel 11a gen (Tiger Lake) ou mais recente, Apple M3 ou mais recente, AMD serie 6000 ou mais recente. Dispositivos pre-2022 caem para descodificacao por software, que drena bateria e pode perder frames em conteudo 4K.

O padrao de fallback <source>

O padrao HTML5 video canonico serve um codec recomendado que o navegador consegue descodificar e cai de volta pela lista:

<video controls preload="metadata" poster="cover.jpg">
  <source src="clip.av1.webm" type="video/webm; codecs=av01.0.05M.08">
  <source src="clip.vp9.webm" type="video/webm; codecs=vp9,opus">
  <source src="clip.h264.mp4" type="video/mp4; codecs=avc1.4D401F,mp4a.40.2">
  <p>O seu navegador nao suporta video HTML5.</p>
</video>

O navegador percorre a lista <source> de cima para baixo, escolhe o primeiro type que reconhece e ignora o resto. Servir AV1 primeiro captura os ~60% dos dispositivos de 2026 que tem descodificacao AV1 por hardware; VP9 apanha a maioria do resto; H.264 garante fallback 100%.

As tres decisoes reais de producao

Decisao 1 - Clip social curto para alcance maximo. → MP4 (H.264) apenas. Codifique uma vez. Cada navegador, cada plataforma social, cada cliente de email reproduz. Poupancas de banda VP9/AV1 nao justificam o tempo de codificacao e os dispositivos de borda que faltariam.

Decisao 2 - Video heroi de fundo num site de marketing a 1080p, loop de 15 segundos. → MP4 (H.264) + WebM (VP9). O ficheiro VP9 sai a ~60% do tamanho H.264, o que significa carregamento de pagina mais rapido para visitantes com ligacoes lentas. O ficheiro H.264 e o fallback para quem o navegador salta WebM. Tempo de codificacao e pequeno (uma vez, clip de 15 segundos).

Decisao 3 - Biblioteca de streaming de formato longo (servico VOD, plataforma de cursos, videos de 30+ minutos). → AV1 (WebM) + VP9 (WebM) + H.264 (MP4). Os ficheiros AV1 poupam egress de CDN substancial em escala. Os ficheiros VP9 cobrem todos os navegadores modernos. Os ficheiros H.264 sao o fallback universal. Codifique em hardware GPU ou pipeline em batch; o tempo de codificacao AV1 10× maior importa quando a biblioteca tem milhares de videos.

Receitas de codificacao

H.264 (MP4) - o universal seguro. Um one-liner FFmpeg unico acerta o ponto doce para entrega web: ffmpeg -i in.mov -c:v libx264 -crf 23 -preset medium -c:a aac -b:a 128k -movflags +faststart out.mp4. A flag +faststart coloca o atomo moov no inicio do ficheiro para que um navegador possa comecar a reproducao antes do ficheiro completo descarregar.

VP9 (WebM) - melhor equilibrio compressao/compatibilidade. Use codificacao em duas passagens para qualidade consistente a um bitrate alvo. -c:v libvpx-vp9 -b:v 0 -crf 31 -row-mt 1 -c:a libopus -b:a 96k. A flag -row-mt 1 ativa multi-threading por linha que corta o tempo de codificacao aproximadamente para metade em CPUs modernos.

AV1 (WebM) - compressao maxima. SVT-AV1 e o encoder em que a industria assentou: -c:v libsvtav1 -crf 35 -preset 6 -c:a libopus -b:a 96k. Preset 6 e o equilibrio padrao entre velocidade e compressao; presets inferiores (4, 5) favorecem a qualidade ao custo de codificacoes muito mais longas.

Quando evitar WebM totalmente

Se a sua audiencia e principalmente iOS < 14, Android WebView mais antigo ou navegadores empresariais legados, WebM nao oferece beneficio - esses dispositivos vao cair na fonte H.264 de qualquer forma, e a codificacao WebM e esforco desperdicado. Se o video for conteudo gerado por utilizadores que os visualizadores frequentemente guardam, re-partilham ou editam, H.264 MP4 e o formato que as suas ferramentas esperam aceitar.

Os clientes de email quase nunca renderizam <video> nativamente. Se o video estiver numa newsletter, exporte um curto GIF animado ou uma ligacao MP4 para uma landing page - nem WebM nem um tag video HTML5 inline ajudam.

Converter entre formatos

O nosso conversor de video trata MP4 ↔ WebM no navegador com FFmpeg.wasm - sem upload, sem instalacao. Para conversao em batch de formato longo, instale FFmpeg localmente e use as receitas acima; o conversor no navegador e limitado pela RAM disponivel (tipicamente 2-4 GB por separador), que funciona para clips individuais mas nao para um catalogo de 50 videos. Veja o nosso guia comparativo FFmpeg online vs local para quando cada um vence.

Ferramentas relacionadas

• Video Converter - conversao MP4, WebM, MOV no navegador.
• FFmpeg Online - FFmpeg em linha de comandos no navegador.
• Video Maker - juntar imagens num clip de video.
• Compress Image - reduzir o tamanho do ficheiro da imagem de capa.

← Voltar a Video Tools