¿Alguna vez has visto un video en línea que se parece a esto?
Aparecen barras negras en el video, tanto en la televisión como en línea, cuando la relación de aspecto del video y su ubicación en la web no coinciden. ¿Qué son las relaciones de aspecto, te preguntarás? ¡Gran pregunta!
Una relación de aspecto es la relación proporcional entre el ancho y la altura de un video. Y si bien ese concepto puede parecer bastante simple, en realidad puede ser sorprendentemente fácil equivocarse.
Antes de los días de la televisión HD, los videos tenían una relación de aspecto de 4:3 en todas partes, pero ahora el estándar es una pantalla panorámica de 16:9. Entonces, ¿qué sucede cuando ves un video creado en la antigua relación de aspecto de 4:3 en una pantalla hecha para 16:9? Lo adivinaste. Barras negras.
Este mismo principio se aplica al video incrustado en línea, sin embargo, a diferencia de un televisor, ¡usted tiene el poder de hacer desaparecer estas monstruosidades! Vamos a desglosarlo.
En primer lugar, debe encontrar la relación de aspecto de su video. Para eliminar las barras negras, debe averiguar dónde se encuentra la falta de coincidencia entre la relación de aspecto de su video y el contenedor en el que se encuentra.
Puede encontrar la relación de aspecto de su video mirando el archivo de video en sí. Simplemente haga clic derecho en el archivo y navegue hasta “obtener información” en una Mac o “propiedades” en una PC. Aquí le indicará las dimensiones exactas en píxeles de su archivo.
Si las dimensiones de su video son cualquiera de las siguientes, entonces debería estar listo para la mayoría de las plataformas en la web.
640 x 360 (360p SD)960 x 540 (540p SD)1280 x 720 (720p HD)1920 x 1080 (1080p HD)3840 x 2160 (4K)
Las matemáticas son difíciles. Es por eso que recomendamos usar una calculadora de 16:9 que lo ayudará a determinar las dimensiones correctas para la relación de aspecto de su video cuando esté incrustando. Por ejemplo, si está incrustando un video en un contenedor que tiene 656 píxeles de ancho, ¿cómo diablos sabrá cuál se supone que es la altura sin probar cien números antes de hacerlo bien?
¡Es por eso que hemos creado una pequeña calculadora de relación de aspecto para hacer precisamente eso!
Si está incrustando un video en una publicación de blog, por ejemplo, y desea que el ancho del video coincida con el texto de la publicación, ingrese su ancho ideal en esta calculadora y obtendrá la altura adecuada para el video. ¡No más barras negras para ti! Si sus videos están alojados en Wistia, simplemente puede cambiar el ancho en su inserción y calcularemos la altura por usted.
Advertencia:Cuando juegues con la relación de aspecto de tu video, no solo agregues 10 píxeles a cada número, por ejemplo. Eso no mantendrá su video en 16:9, aunque ciertamente es tentador (y parece lógico) hacerlo. ¡En su lugar, confíe en la calculadora para que haga esos cálculos matemáticos por usted!
Y aunque 16:9 es perfecto para la mayoría de los casos, hay varios lugares en línea, específicamente en plataformas de redes sociales, que requieren relaciones de aspecto únicas.
La forma más fácil de asegurarse de que no vea barras negras es cargar la relación de aspecto adecuada en la plataforma en la que está trabajando. En la mayoría de los casos, será 16:9, pero algunas plataformas de redes sociales más nuevas se adaptan a muchos diferentes tipos de formatos de video. Instagram, por ejemplo, es un gran lugar tanto para video cuadrado como para video vertical: cuadrado para el feed normal y vertical para Instagram Stories.
Aquí hay un desglose rápido de todas las relaciones de aspecto ideales para las principales plataformas de redes sociales:
Facebook: 16:9 o 9:16 (carga máxima 4k – 3840 x 2160)Instagram: 16:9 o 9:16 (carga máxima 1080p)Gorjeo: 16:9 (carga máxima 1080p)Snapchat: 9:16 (1080×1920)Youtube: 16:9 (carga máxima 4k – 3840 x 2160)
Las barras negras pueden aparecer en muchas otras situaciones, pero la causa principal es siempre la misma: la falta de coincidencia de la relación de aspecto. Si puede encontrar y corregir el desajuste, las barras desaparecerán.
Estas son algunas de las situaciones más comunes en las que vemos barras negras:
Cuidado con los complementos de terceros. Si está utilizando complementos de terceros para su sitio, confirme que la relación de aspecto del video tal como aparece en su sitio coincide con su código de inserción original. A veces, los videos se pueden cambiar de tamaño “automáticamente”, ¡así que querrá estar atento a eso!Vídeo responsive para la victoria. Hoy en día, desea que su sitio sea lo más compatible posible con dispositivos móviles, lo que también se aplica a los videos. Asegúrese de que sus videos respondan para que puedan adaptarse a pantallas de diferentes anchos. Si eres un usuario de Wistia, no temas, nuestro reproductor es muy receptivo.
La moraleja de la historia es que las barras negras no son agradables a la vista. Pueden empañar la experiencia del espectador, y nadie quiere eso. Usemos el poder de las matemáticas e Internet para librar al mundo de las barras negras de una vez por todas. ¡Internet será un lugar un poco más hermoso gracias a ello!
