Mercado
Precios
Iniciar sesiónEmpezar
Guía prácticaMovimiento
Movimiento

MP4 vs WebM: qué formato de vídeo exportar

Dos contenedores, un puñado de códecs y una pregunta práctica: qué archivo le das a Instagram y cuál pones en tu web.

GradientlyCuenta verificada de Gradiently·1 de octubre de 2026·6 min de lectura
Portada: Azure Sonnet · GR·SRZE·SD

La versión corta

  • MP4 es el formato de vídeo más seguro para exportar porque se reproduce en casi cualquier móvil, navegador, editor y red social.
  • WebM es un formato abierto y libre de royalties que suele pesar menos que MP4 con una calidad similar, lo que lo hace útil en webs.
  • Para subir a redes sociales, exporta en MP4, porque las plataformas lo aceptan sin problemas y de todos modos vuelven a codificarlo todo.
  • En una web, un patrón habitual es ofrecer primero WebM y MP4 como alternativa dentro de un mismo elemento video.
  • WebM puede llevar transparencia en los navegadores que la admiten, algo que un MP4 normal con H.264 no puede.
En esta página
Qué son realmente MP4 y WebMQué formato usar en redes socialesQué formato usar en una webConvertir entre MP4 y WebMDegradados, bandas y calidadDónde encaja el GIF

En la elección MP4 vs WebM, exporta en MP4 cuando subas a cualquier sitio que no controlas, como Instagram, TikTok, LinkedIn, el correo de un cliente o un editor de vídeo, porque se reproduce casi en todas partes. Elige WebM para tu propia web, donde suele pesar menos con la misma calidad, y lo ideal es ofrecer los dos para que cada navegador elija el que mejor reproduce. Eso cubre la mayoría de las decisiones. El resto de la página explica por qué, y los pocos casos en los que la respuesta cambia.

Qué son realmente MP4 y WebM

Los dos son contenedores: cajas que guardan una pista de vídeo, una de audio y algo de información sobre ellas. Lo que decide la calidad y el tamaño es el códec de dentro. MP4 suele llevar vídeo H.264 y audio AAC, a veces H.265 o AV1. WebM lleva vídeo VP8, VP9 o AV1 con audio Opus o Vorbis. WebM se creó como formato abierto y libre de royalties para la web; MP4 es el estándar consolidado en torno al cual se construyeron cámaras, móviles y software de edición.

Códecs de vídeo habituales

MP4

H.264, H.265, AV1

WebM

VP8, VP9, AV1
Códecs de audio habituales

MP4

AAC

WebM

Opus, Vorbis
Tamaño de archivo

MP4

Pequeño

WebM

A menudo menor con calidad similar
Se reproduce en

MP4

Casi todo

WebM

Navegadores modernos; más irregular en apps y editores
Subidas a redes

MP4

Aceptado en todas partes

WebM

No se acepta de forma fiable
Transparencia

MP4

No con H.264

WebM

Sí, con VP9 en navegadores compatibles
Licencias

MP4

Algunos códecs tienen licencias de patentes

WebM

Abierto y libre de royalties
CaracterísticaMP4WebM
Códecs de vídeo habitualesH.264, H.265, AV1VP8, VP9, AV1
Códecs de audio habitualesAACOpus, Vorbis
Tamaño de archivoPequeñoA menudo menor con calidad similar
Se reproduce enCasi todoNavegadores modernos; más irregular en apps y editores
Subidas a redesAceptado en todas partesNo se acepta de forma fiable
TransparenciaNo con H.264Sí, con VP9 en navegadores compatibles
LicenciasAlgunos códecs tienen licencias de patentesAbierto y libre de royalties
La visión general. La compatibilidad cambia con el tiempo, así que consulta caniuse antes de depender de un caso límite.

Qué formato usar en redes sociales

Exporta en MP4. Todas las grandes plataformas lo aceptan, y todas vuelven a codificar lo que subes, así que un WebM más ligero no te aporta nada una vez allí. Lo que de verdad cambia cómo se ve tu vídeo tras subirlo es el tamaño del fotograma, la frecuencia de fotogramas y la calidad del archivo que envías. Envía un MP4 limpio de 1080×1920 para Reels e historias, o de 1080×1350 para una publicación vertical en el feed, y la plataforma no tendrá nada que reescalar.

Reel, historia, TikTok 9:16

1080 × 1920

Publicación vertical 4:5

1080 × 1350

Publicación cuadrada 1:1

1080 × 1080

Horizontal 16:9

1920 × 1080

Los formatos que más vas a exportar. Todos deberían subirse en MP4.

Para la lista completa de formatos por plataforma, mira tamaños de vídeo para redes sociales.

Qué formato usar en una web

En tu propia web controlas el reproductor, así que puedes ofrecer los dos. El navegador lee los elementos source en orden y reproduce el primero que admite. Pon WebM primero si tu archivo WebM es el más ligero de los dos, y deja MP4 como alternativa para cualquier navegador que no pueda reproducirlo.

html
<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>
WebM primero, MP4 como alternativa. El póster se muestra mientras carga el vídeo y para quien tenga un navegador que no pueda reproducir ninguno.

Mide antes de dar nada por hecho. En algunos clips, sobre todo los muy cortos o muy sencillos, un MP4 bien codificado pesa lo mismo que el WebM, y servir un solo archivo es más sencillo. La guía de MDN sobre códecs de vídeo web es la referencia de lo que reproduce cada navegador. Si el clip es un fondo, vídeos de fondo en webs cubre imágenes de póster, tamaños y rendimiento.

Convertir entre MP4 y WebM

Si tienes un formato y necesitas el otro, la herramienta gratuita de línea de comandos FFmpeg hace la conversión en los dos sentidos. Los comandos de abajo son un punto de partida sensato para bucles diseñados: sin audio, buena calidad y un MP4 que empieza a reproducirse antes de descargarse del todo.

bash
# 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
Un CRF más bajo significa más calidad y archivos más grandes. Quita -an si el vídeo tiene sonido que quieres conservar.

Por qué importa yuv420p

Algunos codificadores generan archivos MP4 en un formato de color que móviles y navegadores se niegan a reproducir. Indicar yuv420p mantiene el archivo en el formato que todo entiende.

Degradados, bandas y calidad

Los degradados suaves son lo más difícil de comprimir. Las grandes superficies de color que cambia despacio delatan cualquier falta de bits en forma de escalones visibles, y los degradados oscuros lo muestran primero. Los dos formatos lo resuelven bien con una calidad generosa; ninguno lo hace con una calidad tacaña. Un toque de grano en el diseño ayuda mucho, porque los codificadores conservan la textura en lugar de aplanarla en bandas.

Una visión exagerada de las bandas. La solución es la misma en MP4 y WebM: más calidad, un poco de grano y ningún reescalado extra.

Las causas y soluciones para imágenes fijas están en bandas en degradados. La versión animada añade una regla más: exporta al tamaño exacto en que vas a publicar, para que nada se escale dos veces.

Dónde encaja el GIF

El GIF no es un formato de vídeo y es el más pesado de los tres para el mismo bucle, con un límite de 256 colores que crea bandas en los degradados. Su único bastión es el correo electrónico, donde la mayoría de las bandejas muestran GIF y muy pocas reproducen vídeo. La comparación a tres está en GIF vs MP4, y el oficio de hacer uno bueno, en GIF animados.

Exporta MP4 para

  • Instagram, TikTok, LinkedIn, X, YouTube
  • Enviar a un cliente o a un editor
  • Presentaciones y pantallas que no controlas
  • Cualquier caso en que tengas dudas

Exporta WebM para

  • Tu propia web, junto a un MP4
  • Superposiciones que necesitan transparencia en el navegador
  • Páginas en las que cada kilobyte cuenta
  • Herramientas del navegador que graban WebM de forma nativa

En Gradiently, exportar vídeo es una función de Pro y sale en MP4 o WebM, según lo que pueda grabar tu navegador. En cualquier caso obtienes el Mark en movimiento detrás de tus palabras hasta 1080p, listo para subir o incrustar. Los detalles están en exportar imágenes y bucles.

Diseña con un degradado vivo

Publicaciones, historias, diapositivas y banners en todos los tamaños, con texto que siempre se lee.

Empezar a diseñar, gratis

Preguntas frecuentes

¿Es mejor WebM que MP4?

WebM suele pesar menos con calidad similar y es abierto y libre de royalties, pero MP4 se reproduce en muchos más dispositivos y apps. Para webs, WebM es una buena primera opción con MP4 como alternativa; para todo lo demás, MP4 es más seguro.

¿Puedo subir WebM a Instagram o TikTok?

No cuentes con ello. Conviértelo antes a MP4, que todas las plataformas aceptan, al tamaño exacto del formato que vas a publicar.

¿Safari reproduce WebM?

Las versiones recientes de Safari reproducen WebM, pero la compatibilidad llegó más tarde que en otros navegadores y ha variado según el códec y el dispositivo. Ofrecer un MP4 como alternativa evita la duda.

¿Qué pesa menos, MP4 o WebM?

WebM con VP9 o AV1 suele pesar menos que MP4 con H.264 con calidad similar, pero no siempre. Codifica los dos y compara los archivos reales.

¿Qué formato admite vídeo transparente?

WebM con VP9 puede llevar un canal alfa que muestran los navegadores compatibles. Un MP4 estándar con H.264 no puede.

Compartir esta guía

Escrito por GradientlyCuenta verificada de Gradiently

El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.

Ver nuestro perfil

En esta página

Qué son realmente MP4 y WebMQué formato usar en redes socialesQué formato usar en una webConvertir entre MP4 y WebMDegradados, bandas y calidadDónde encaja el GIF

Compartir esta guía

Siguiente en Movimiento

GIF animados: ligeros, fluidos y fieles a tu marca

Sigue leyendo

Todas las guías de Movimiento
Movimiento

GIF, MP4 o WebM: qué formato usar para bucles

6 min de lectura

El GIF es el formato que todos conocen y que casi nadie debería usar en la web. También es el único que funciona en una bandeja de entrada. Aquí tienes cuál elegir, dónde y por qué.

Movimiento

Web con vídeo de fondo: peso, reproducción automática y accesibilidad

6 min de lectura

Una cabecera en movimiento puede hacer que una web se sienta viva, o volverla lenta, molesta y difícil de leer. La diferencia está en una lista corta de decisiones técnicas y de diseño.

Usar Gradiently

Cómo exportar diseños como imágenes, PDF y vídeos en bucle

6 min de lectura

Un solo botón Exportar, seis formatos. Aquí tienes cuál elegir para cada trabajo y cómo hacer un vídeo en bucle en el que nadie pueda ver la unión.

Encuentra el look que es solo tuyo.

Cada Mark es un fondo vivo con un único dueño. Prueba uno que siga disponible y reserva el tuyo cuando te convenza.

Empieza a diseñar

Comprobar un certificado

Escribe un número de certificado o el código de un Mark para ver de quién es.

Funciona con ChatGPT y Claude

Pídele un diseño a tu IA. Lo crea en tu Mark, listo para editar.

ChatGPTClaude
Cómo conectarlo

Producto

  • Mercado
  • Explorar
  • Precios
  • Certificados

Aprende

  • Guía práctica
  • Centro de ayuda
  • Novedades

Desarrolladores

  • Introducción
  • ChatGPT y Claude
  • Referencia de la API
  • Claves de API

Empresa

  • Quiénes somos
  • Contacto
  • Iniciar sesión

Legal

  • Términos
  • Privacidad
  • Reembolsos
  • Protección de Marks
  • Cookies
  • Todas las políticas
Recorre las letras. Cada una lleva un Mark real.Toca una letra para ver su Mark.Un nombre. Diez Marks dentro.
© 2026 Gradiently