¿Qué es la relación de aspecto?

La relación de aspecto describe la forma del fotograma de un video como una proporción de ancho respecto a alto. Casi todos los videos estándar de YouTube se graban y publican en 16:9 (pantalla panorámica), mientras que los Shorts se graban y publican en 9:16 (vertical).

Por qué importa al insertar

Si el ancho y el alto de un reproductor no coinciden con la relación de aspecto real del video, aparecen barras negras o una imagen recortada y deformada. Una inserción responsiva mantiene la proporción correcta a cualquier tamaño usando un contenedor basado en porcentaje (56,25% de padding-bottom para 16:9, 177,78% para 9:16) en lugar de dimensiones fijas en píxeles.

Cómo acertar automáticamente

El generador de código de inserción alterna automáticamente su contenedor responsivo entre 16:9 y 9:16 cuando activas el formato Shorts, así que no necesitas calcular el porcentaje de padding a mano.

Cómo se expresa la relación de aspecto en el código

La relación de aspecto suele escribirse como dos números separados por dos puntos, que describen el ancho en relación con el alto: 16:9 significa que el ancho es de 16 unidades por cada 9 unidades de alto, sin importar el tamaño real en píxeles. Por eso un video en 1280×720 y una versión en 640×360 del mismo material comparten la misma relación de aspecto 16:9: ambos se simplifican a la misma proporción. En CSS, esta misma idea aparece o bien como un porcentaje (56,25%, que es 9 dividido entre 16), usado en la técnica clásica de inserción responsiva, o bien directamente mediante la propiedad moderna aspect-ratio, escrita como aspect-ratio:16/9.

Un ejemplo práctico

Imagina una página de galería de fotos que mezcla videos normales de YouTube y Shorts. Usar un único tamaño de inserción fijo para ambos recortaría de forma incómoda los Shorts verticales en una caja ancha, o reduciría los videos panorámicos hasta ajustarlos a una caja estrecha. La solución es aplicar la relación de aspecto correcta según el tipo de video: un contenedor 16:9 para videos normales y un contenedor separado 9:16 específicamente para Shorts, cada uno reservando la forma correcta de espacio incluso antes de que el video se cargue.

Relación de aspecto frente a resolución

Relación de aspecto y resolución son ideas relacionadas pero distintas, y confundirlas es una fuente habitual de confusión. La resolución es el número real de píxeles (1920×1080, por ejemplo); la relación de aspecto es la proporción a la que se reducen esos números (16:9 en ese caso). Dos videos pueden compartir resolución pero tener relaciones de aspecto distintas si uno se ha recortado con bandas negras, y dos videos pueden compartir relación de aspecto con resoluciones completamente distintas: una vista previa de 640×360 y una versión completa de 1920×1080 son ambas 16:9. Al construir una inserción responsiva, es la relación de aspecto, no la resolución concreta, la que determina las proporciones del contenedor.

Una relación equivocada es uno de los errores de inserción más evidentes visualmente, ya que produce de inmediato barras negras llamativas o video estirado y deformado, a diferencia de problemas más sutiles como un parámetro de privacidad ausente.

Una forma rápida de comprobar que tienes la relación correcta antes de publicar es previsualizar la inserción tanto en un ancho de escritorio amplio como en un ancho móvil estrecho; si aparecen barras negras en cualquiera de los dos, el porcentaje del contenedor no coincide con la forma real del video y necesita ajustarse.

Preguntas frecuentes