MP4 vs WebM para a web - quando usar cada formato
freetoolonline.com Editorial Team
MP4 (H.264) e WebM (VP9/AV1) são os dois formatos de vídeo para a web. MP4 é o padrão universal; WebM entrega ficheiros 30-40% menores nos navegadores modernos com codecs livres de royalties. Este guia cobre os compromissos de codec, suporte dos navegadores em 2026 e as três decisões de produção.
Contentor vs codec - o que cada ficheiro realmente contém
Um contentor envolve vídeo, áudio e metadados num único ficheiro que um leitor pode ler. MP4 (ISO base media) e WebM (um perfil Matroska restrito) são ambos contentores. O codec é como os pixels do vídeo e as amostras de áudio são comprimidos. Um MP4 pode, em teoria, transportar quase qualquer codec, mas na prática o ecossistema web trata o MP4 como um ficheiro H.264. WebM é construído especificamente para codecs livres de royalties - VP8 (raro em 2026), VP9 (mainstream) e AV1 (mais recente, maior compressão).
Quando a decisão é enquadrada como "MP4 ou WebM", a decisão real é 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.
Comparação de tamanho de codec para a mesma qualidade visual
| Cenário | 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 |
| Poupança relativa de bitrate vs H.264 | 0% (baseline) | ~40% menor | ~55% menor |
| Tempo de codificação para 1 minuto de 1080p | ~15 segundos | ~2-3 minutos | ~8-15 minutos |
| CPU de reprodução em portátil de gama média | Baixo (descodificação por hardware) | Baixo (descodificação por hardware) | Moderado (descodificação por hardware irregular em GPUs pré-2023) |
Realidade do suporte dos navegadores em 2026
MP4/H.264 reproduz em 100% dos navegadores em circulação - Chrome, Firefox, Safari, Edge, cada WebView móvel. Tem reproduzido há uma década. Se um vídeo 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 móvel em iOS 14+ suporta VP9. Uma audiência residual muito pequena em iPhones legados abaixo de iOS 14 não consegue descodificar VP9.
WebM/AV1 reproduz em Chrome 70+, Firefox 67+ e Edge 75+. Safari adicionou suporte AV1 na 17.4 (2024). A descodificação AV1 por hardware requer silício relativamente novo - Intel 11a gen (Tiger Lake) ou mais recente, Apple M3 ou mais recente, AMD série 6000 ou mais recente. Dispositivos pré-2022 caem para descodificação por software, que drena bateria e pode perder frames em conteúdo 4K.
O padrão de fallback <source>
O padrão HTML5 vídeo canônico 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 não 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 têm descodificação AV1 por hardware; VP9 apanha a maioria do resto; H.264 garante fallback 100%.
As três decisões reais de produção
As três decisões reais de produção para MP4 vs WebM para web são autoplay hero, compatibilidade de download e masters de arquivo - publique MP4 H.264 por alcance, adicione WebM quando otimizar peso no Chrome.
Decisão 2 - Vídeo herói 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 página mais rápido para visitantes com ligações lentas. O ficheiro H.264 é o fallback para quem o navegador salta WebM. Tempo de codificação é pequeno (uma vez, clip de 15 segundos).
Decisão 3 - Biblioteca de streaming de formato longo (serviço VOD, plataforma de cursos, vídeos 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 são o fallback universal. Codifique em hardware GPU ou pipeline em batch; o tempo de codificação AV1 10× maior importa quando a biblioteca tem milhares de vídeos.
Receitas de codificação
Receitas de codificação em MP4 vs WebM para web: mantenha uma escada CRF curta para MP4 H.264, exporte um gémeo WebM VP9 quando o peso importar, e nunca publique só WebM sem fallback MP4.
VP9 (WebM) - melhor equilíbrio compressão/compatibilidade. Use codificação 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 codificação aproximadamente para metade em CPUs modernos.
AV1 (WebM) - compressão máxima. SVT-AV1 é o encoder em que a indústria assentou: -c:v libsvtav1 -crf 35 -preset 6 -c:a libopus -b:a 96k. Preset 6 é o equilíbrio padrão entre velocidade e compressão; presets inferiores (4, 5) favorecem a qualidade ao custo de codificações muito mais longas.
Quando evitar WebM totalmente
Se a sua audiência é principalmente iOS < 14, Android WebView mais antigo ou navegadores empresariais legados, WebM não oferece benefício - esses dispositivos vão cair na fonte H.264 de qualquer forma, e a codificação WebM é esforço desperdiçado. Se o vídeo for conteúdo gerado por utilizadores que os visualizadores frequentemente guardam, re-partilham ou editam, H.264 MP4 é o formato que as suas ferramentas esperam aceitar.
Os clientes de email quase nunca renderizam <video> nativamente. Se o vídeo estiver numa newsletter, exporte um curto GIF animado ou uma ligação MP4 para uma landing page - nem WebM nem um tag vídeo HTML5 inline ajudam.
Converter entre formatos
Converter entre formatos para MP4 vs WebM para web: abra Video Converter, escolha o contentor alvo e confira o áudio - um WebM silencioso ainda precisa de um gémeo MP4 para usuários Safari.
Ferramentas relacionadas
- Video Converter - conversão MP4, WebM, MOV no navegador.
- FFmpeg Online - FFmpeg em linha de comandos no navegador.
- Video Maker - juntar imagens num clip de vídeo.
- Compress Image - reduzir o tamanho do ficheiro da imagem de capa.
Guias relacionados
- MP4 vs MOV vs MKV - which container when - Escolher entre os três containers comuns para diferentes pipelines de produção.
- Before a video call - which tools to run - Lista de verificação pré-chamada para prontidão de ecrã, câmara e microfone.
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.