Ir al contenido
charmotion
Empieza ahora

MP4 transparente y HEVC con alfa: lo que realmente funciona

Por el equipo de Charmotion · Actualizado el

Ilustración de portada de la guía: MP4 transparente y HEVC con canal alfa: lo que realmente funciona, con personajes de demostración de Charmotion

Un MP4 H.264 estándar no puede ser transparente, porque H.264 no tiene canal alfa. El video con fondo transparente necesita un códec que guarde el alfa: HEVC con alfa (normalmente en un .mov) para Safari y dispositivos Apple, WebM VP9 para Chrome, Edge y Firefox, o ProRes 4444 para edición. En una Mac, avconvert de Apple convierte un máster ProRes 4444 en HEVC con alfa.

Puntos clave

  • El MP4 H.264 no tiene alfa; "MP4 transparente" suele significar HEVC con alfa, o un MP4 apilado de color más alfa que necesita un reproductor especial.
  • Exporta ProRes 4444 o una secuencia PNG desde After Effects o Premiere como máster transparente.
  • En macOS, avconvert con un preset HEVC WithAlpha generó en nuestra prueba un archivo HEVC con alfa que funcionaba; la salida VideoToolbox de ffmpeg no se abrió en AVFoundation.
  • ffmpeg 7.1.1 decodifica los archivos HEVC con alfa sin su alfa, así que pasa por ProRes 4444 para crear un WebM.
  • En iPhone, se ha reportado que las zonas transparentes aclaran lo que hay detrás; revisa las etiquetas de color y prueba en un dispositivo.

¿Un MP4 puede tener canal alfa?

No con H.264, que es el códec de casi todos los "MP4". H.264 solo guarda color, así que cualquier zona transparente se convierte en un color sólido al exportar.

Cuando se habla de un MP4 transparente, se puede querer decir tres cosas:

  • HEVC con alfa. La variante H.265 de Apple lleva una segunda capa, de alfa. Apple introdujo la reproducción en iOS 13 y macOS Catalina (sesión 506 de la WWDC19). Los archivos suelen ser .mov de QuickTime con la etiqueta hvc1.
  • Un MP4 apilado. El color y una máscara alfa en escala de grises se empaquetan lado a lado o arriba y abajo en un fotograma H.264 normal, y un reproductor personalizado (un shader, un script de canvas o una vista de Android) los recombina. Masko, por ejemplo, ofrece un "stacked MP4" para Android. No es transparente en un reproductor de video común.
  • Un archivo mal etiquetado. Algunas herramientas dicen "MP4 transparente" y generan un WebM o un MOV. Revisa el códec, no la extensión.

Para la web, la receta fiable es usar dos archivos en un mismo elemento <video>: primero HEVC con alfa para Safari y después WebM VP9 para todos los demás. El código está en video con fondo transparente en sitios web.

¿Por qué After Effects o Media Encoder no exportan un MP4 transparente?

Porque el formato no puede contenerlo. La respuesta aceptada en el hilo de la comunidad de Adobe sobre el tema es tajante: "The MP4 file format does not support an Alpha Channel" (el formato MP4 no admite canal alfa). Otras respuestas señalan que HEVC sí puede, pero que los exportadores de Adobe no generan HEVC con canal alfa.

Las alternativas que se sugieren en ese hilo son las que usan los profesionales como máster con transparencia:

  • QuickTime con ProRes 4444, el máster de edición habitual con canal alfa.
  • Códecs QuickTime Animation o PNG, más pesados pero sin pérdida.
  • Una secuencia de imágenes PNG, un archivo por fotograma.
  • WebM VP9 mediante un exportador de terceros o ffmpeg.

Exporta el máster una sola vez con canales "RGB + Alpha" y genera a partir de él los archivos para la web. Nunca entregues ProRes 4444 en una página web: es un formato de edición y pesa demasiado.

¿Cómo creo HEVC con canal alfa (con o sin Mac)?

En una Mac, la vía confiable en nuestras pruebas de octubre de 2026 fue el propio codificador de Apple. Primero crea un máster ProRes 4444 si no tienes uno (aquí a partir de un WebM con fondo transparente) y luego conviértelo con avconvert, que viene incluido en macOS y tiene presets HEVC "WithAlpha":

ffmpeg -c:v libvpx-vp9 -i character.webm -c:v prores_ks -profile:v 4444 -pix_fmt yuva444p10le -an master.mov
avconvert -s master.mov -p PresetHEVCHighestQualityWithAlpha -o character-hevc.mov

Al leer el resultado con AVFoundation obtuvimos un 77 % de píxeles transparentes, igual que en el original. Compressor y AVAssetWriter de AVFoundation (códec hevcWithAlpha) usan el mismo codificador del sistema.

Una alternativa habitual es el codificador hevc_videotoolbox de ffmpeg con -alpha_quality y -tag:v hvc1. En nuestra prueba con ffmpeg 7.1.1, los archivos que generó pesaban más que la versión opaca, lo que sugiere una capa alfa, pero AVFoundation se negó a abrirlos (error -11801 / -12713). Prueba en Safari cualquier archivo HEVC creado con ffmpeg antes de publicarlo.

Sin Mac, hay menos opciones. El registro de cambios de FFmpeg 8.0 añade "libx265 alpha layer encoding", que puede producir HEVC con capa alfa en Windows y Linux; no hemos verificado que Safari reproduzca ese resultado, así que pruébalo en un iPhone antes de confiar en él. Si no, codifica en una Mac (sirve una Mac en la nube) o usa una herramienta que te entregue el MOV.

¿Puedo reproducir HEVC con canal alfa en Windows?

Normalmente puedes reproducir el video, pero no esperes ver la transparencia. Windows reproduce HEVC solo con las HEVC Video Extensions de pago de Microsoft (US$0.99 en la ficha de la Store de EE. UU. en octubre de 2026) o con un reproductor que incluya su propio decodificador. Chrome y Firefox en Windows no muestran como transparente el canal alfa de HEVC, por eso la receta para la web lo combina con un WebM.

Para comprobar qué contiene realmente un archivo sin usar una Mac, ábrelo en nuestro Transparent Video Checker gratis, que lee los indicadores de canal alfa del archivo y prueba la decodificación en tu navegador. Para ver la transparencia en Windows, crea un WebM a partir de él (siguiente sección).

¿Cómo convierto un MOV con canal alfa a WebM?

Depende del códec que haya dentro del MOV.

MOV ProRes 4444: ffmpeg lee su canal alfa directamente.

ffmpeg -i master.mov -c:v libvpx-vp9 -pix_fmt yuva420p -b:v 0 -crf 30 -an character.webm

MOV HEVC con canal alfa: ffmpeg 7.1.1 decodifica solo la capa de color. En nuestra prueba, los fotogramas decodificados de un archivo HEVC con canal alfa verificado tenían 0 % de píxeles transparentes, y ffprobe indicaba yuv420p. Primero conviértelo a ProRes 4444 con el decodificador de Apple y luego codifica el WebM:

avconvert -s character-hevc.mov -p PresetAppleProRes4444LPCM -o prores.mov
ffmpeg -i prores.mov -c:v libvpx-vp9 -pix_fmt yuva420p -b:v 0 -crf 30 -an character.webm

Esa vía produjo un WebM con alpha_mode=1 y un 76 % de píxeles transparentes. El formato de píxel yuva420p es lo que conserva el canal alfa en el WebM; sin él, libvpx-vp9 genera un archivo opaco. Cuando después decodifiques ese WebM con ffmpeg, pon -c:v libvpx-vp9 antes de -i, o el canal alfa vuelve a desaparecer.

¿Por qué mi video con fondo transparente se ve desteñido en iPhone?

Es un problema reportado y sin resolver, no un comportamiento documentado. En un hilo de los Apple Developer Forums de octubre de 2024, un desarrollador escribió que en iPhone y iPad "las partes transparentes del video actúan casi como un 'overlay', haciendo que todo lo que hay detrás se vea mucho más brillante", y que el efecto empeoraba con menos brillo de pantalla. Los mismos archivos se veían bien en Mac, Windows y Android.

La única respuesta de Apple preguntó qué espacio de color usaba el archivo y remitió al Web Inspector de Safari, donde el panel Media de un <video> seleccionado muestra la información de color que Safari interpretó. En el hilo no se confirmó ninguna solución.

Qué hacer en la práctica:

  • Exporta con etiquetas de color explícitas y estándar (BT.709 para SDR) y compáralas con lo que indica Web Inspector.
  • Prueba en un iPhone real con brillo bajo y alto, sobre el fondo real de tu página.
  • Si un personaje pequeño debe verse exacto, considera dibujarlo en tiempo real: un archivo de Rive o Lottie se renderiza en un canvas transparente sin composición de video.

¿Puedo saltarme los pasos de codificación?

Si partes de la imagen de un personaje, mascota o logo, sí. Los planes de pago de Charmotion (desde $20/mes) entregan cada animación como WebM VP9 con alfa y como MOV HEVC con alfa a 1080×1080, codificados con AVFoundation de Apple, así que los archivos ya funcionan juntos correctamente en un elemento <video>.

Preguntas frecuentes

¿Un MP4 apilado es lo mismo que un MP4 transparente?

No. Un MP4 apilado es un video H.264 opaco normal con la imagen de color y una máscara alfa en blanco y negro empaquetadas en un mismo fotograma. Solo se ve transparente en un reproductor que vuelve a combinar ambas mitades, como un shader personalizado o una vista de Android. En un reproductor normal ves las dos mitades.

¿Por qué ffprobe muestra yuv420p en mi video HEVC con canal alfa?

Porque ffmpeg lee solo la capa de color base del HEVC con canal alfa de Apple; el canal alfa se guarda como una capa aparte. En nuestra prueba con ffmpeg 7.1.1, los fotogramas decodificados no tenían ninguna transparencia. Revisa el archivo en Safari o AVFoundation, o conviértelo primero a ProRes 4444 con avconvert.

¿Puedo crear HEVC con canal alfa en Premiere Pro?

No directamente, según las respuestas del foro de la comunidad de Adobe. Exporta ProRes 4444 con canal alfa desde Premiere o After Effects y luego conviértelo a HEVC con canal alfa en una Mac con avconvert, Compressor o AVFoundation.

Respuestas rápidas de esta guía

Fuentes

Guías relacionadas