Vídeos de app transparentes — tu app sobre cualquier fondo

La mayoría de los vídeos de app llevan el fondo grabado para siempre. Ese degradado que quedaba tan bien en el editor ahora choca con tu landing page, pelea con la plantilla de tus diapositivas y encierra el dispositivo en un rectángulo. Un vídeo con un fondo realmente transparente no tiene ninguno de esos problemas: el dispositivo flota libre y lo que hay detrás — tu hero, tu presentación, tu montaje — sigue a la vista.

Hay una pega, y es grande: la transparencia real en vídeo es célebremente difícil de conseguir. Los codificadores integrados en los navegadores sencillamente no transportan canal alpha. Aquí te contamos por qué un export transparente merece la pena de todos modos, dónde están las trampas y cómo Mockpose te entrega un archivo con alpha de verdad sin salir del navegador.

Un solo recurso, cualquier fondo

Un vídeo de dispositivo transparente es el recurso de marketing más flexible que puedes producir, porque separa tu app de su entorno. Lo renderizas una vez y lo reutilizas en todas partes:

• Dispositivo flotante en el hero. Superpón el vídeo al degradado y al branding de tu propia landing page. Si rediseñas la página el próximo trimestre, el vídeo sigue encajando: no hace falta volver a exportar.
• Demos picture-in-picture. Mete tu app en un montaje mayor — un vídeo de lanzamiento, un tutorial, una charla — sin una caja de color alrededor.
• Diapositivas y keynotes. El dispositivo se asienta directamente sobre tu plantilla, sea cual sea el tema.
• Recortes para redes. Integra el dispositivo en una composición llamativa en lugar de pegarle un rectángulo encima.

Si lo tuyo es el hero con dispositivo flotante, nuestra guía de mockups de dispositivos para landing pages complementa muy bien este artículo.

Por qué la transparencia en vídeo es difícil

En el editor de Mockpose, hacer transparente una escena cuesta un clic: abre el panel de fondo y ponlo en «Transparente». Con las imágenes fijas, ahí acaba la historia: los exports PNG conservan la transparencia alpha completa, plan gratuito incluido.

El vídeo es otro cantar. Las codificaciones que tu navegador produce en local — MP4 H.264 y WebM VP9 — no transportan canal alpha en absoluto. Pasa una escena transparente por ahí y cada píxel que debería ser transparente se vuelve negro. No es un límite de Mockpose: es como se comportan esos formatos en toda la web.

Por eso Mockpose te cubre las espaldas. Si tu escena tiene fondo transparente, el diálogo de export lo detecta, te avisa y preselecciona una codificación que sí transporta el alpha.

Dos formatos con alpha real

El vídeo con alpha real sale de nuestro renderizado en servidor premium. Corre en GPU y es asíncrono: sigues trabajando en el editor mientras se renderiza, y el archivo terminado aparece en tus exports. Hay dos formatos disponibles:

• ProRes 4444 — el estándar de las suites de edición. Entra directo en Final Cut Pro, Premiere Pro, DaVinci Resolve o After Effects con alpha real, listo para composición.
• WebM alpha (VP9) — la opción para la web. Se reproduce con transparencia total en Chrome, Firefox y Edge.

Una advertencia en la vía web: Safari no reproduce WebM alpha — necesitaría HEVC alpha, que aún no está disponible. Prepara un MP4 de respaldo para los visitantes con Safari, el mismo vídeo renderizado sobre un fondo a juego, para que nadie vea un hero roto.

Exporta un vídeo de app transparente en cuatro pasos

1. Monta tu escena — movimientos de cámara cinematográficos y timeline de keyframes, todo en el navegador — y pon el fondo en «Transparente».
2. Anima tu dispositivo o elige una de las más de 100 plantillas.
3. Exporta y elige ProRes 4444 (para edición) o WebM alpha (para la web).
4. Coloca el archivo sobre cualquier fondo: hero, diapositiva, línea de tiempo.

Comprobación rápida antes de un render largo: exporta primero una imagen fija PNG transparente. Alpha completo, un clic, incluido en el plan gratuito.

El editor de Mockpose es gratuito — exports hasta 720p con una pequeña marca de agua — y premium desbloquea 4K, archivos sin marca de agua y el renderizado en servidor que hace posible el vídeo con alpha real. Abre app.mockpose.com, pon tu fondo en «Transparente» y mira cómo flota tu app.