MP4 vs WebM para a web - quando usar cada formato
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
| Cenario | H.264 (MP4) | VP9 (WebM) | AV1 (WebM) |
|---|---|---|---|
| Clip de 60 segundos a 1080p 30fps | ~12 MB | ~7 MB | ~5 MB |
| Clip de 60 segundos a 720p 30fps | ~6 MB | ~3.5 MB | ~2.5 MB |
| Poupanca relativa de bitrate vs H.264 | 0% (baseline) | ~40% menor | ~55% menor |
| Tempo de codificacao para 1 minuto de 1080p | ~15 segundos | ~2-3 minutos | ~8-15 minutos |
| CPU de reproducao em portatil de gama media | Baixo (descodificacao por hardware) | Baixo (descodificacao por hardware) | Moderado (descodificacao por hardware irregular em GPUs pre-2023) |
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.
Why trust these tools
- Ten-plus years of web tooling. The freetoolonline editorial team has shipped browser-based utilities since 2015. The goal has never changed: get you to a working output fast, without an install.
- No install, no sign-up. Open a tool and get a working output in seconds - nothing to download and no account to create. Tools that need heavy processing run it on our service, so even a low-powered machine gets the job done.
- Analytics stops at the page view. We measure which pages get visited, not what you type or upload inside a tool. There is nothing to sign in to and no profile is attached to your input.
- Open-source core components. The processing engines underneath (libheif, libde265, pdf-lib, terser, clean-css, ffmpeg.wasm, and others) are public and audit-able. We link to each one in its tool page's footer.
- Free, with or without ads. All tools are fully functional without sign-up. The Disable Ads button in the header is always available if you need a distraction-free run.