Resolución de pantalla, orientación y dimensionado de diseños

Un contenido que se ve estirado, con bandas negras, recortado o de lado casi siempre se debe a un desajuste entre tres factores: la resolución del diseño, la resolución de salida del reproductor y la orientación física de la pantalla.

Diseñe el diseño con la resolución real de la pantalla

Un diseño tiene una resolución fija, elegida al crearlo. Elija la que coincida con la pantalla:

1920 × 1080: Full HD horizontal estándar. La opción predeterminada y la respuesta correcta para la mayoría de las pantallas.
1080 × 1920: Full HD vertical, para una pantalla físicamente girada 90°.
3840 × 2160: 4K horizontal. Lea la nota de abajo antes de elegirla, porque en Android no hace lo que el número sugiere.

Si la relación de aspecto del diseño no coincide con la pantalla, easyCMS lo escala para ajustarlo y obtiene bandas negras, o lo escala para llenar y obtiene recorte. Ninguno de los dos casos es un fallo; la solución es reconstruir el diseño con la resolución correcta, no estirarlo después.

Pantallas en vertical

El modo vertical requiere una decisión en tres niveles, y los tres deben coincidir:

Físico: la pantalla está girada en su soporte.
Salida del reproductor: el dispositivo emite una imagen girada. En Windows es el ajuste de rotación del controlador gráfico, y los paneles comerciales suelen tener su propia opción de rotación en el menú del televisor. En Android reside en el perfil de configuración que comparte su cuenta, así que es un cambio que hay que pedirnos en lugar de hacerlo usted por dispositivo, y debe coincidir con la forma en que la pantalla está montada físicamente, o de lo contrario obtendrá un diseño girado en un panel sin girar.
Diseño: el diseño se crea en 1080 × 1920.

El error más habitual es girar solo el diseño: un diseño vertical enviado a una salida horizontal queda comprimido en una franja estrecha en medio de la pantalla. El segundo error más habitual es girar en dos niveles, el reproductor y la pantalla, lo que se anula mutuamente y le deja boca abajo.

Siempre que sea posible, gire en la pantalla y deje que el reproductor emita su señal horizontal nativa, ya que algunos dispositivos pierden la aceleración de vídeo por hardware cuando la salida se gira por software. Si el vídeo se reproduce bien en horizontal y se entrecorta en vertical, es eso lo que ha ocurrido; gire en la pantalla en su lugar.

4K, y qué ocurre en realidad en Android

Elegir un diseño de 3840 × 2160 no le da una interfaz 4K. En un reproductor Android, la interfaz, las imágenes y el contenido web se renderizan en 1080p y se escalan al panel; solo el vídeo se decodifica de forma nativa en 4K. easyCMS reporta esa pantalla como 1920 × 1080, lo cual es correcto y no un fallo, y es el origen de la mayoría de los tickets de «mi pantalla 4K se detecta mal».

Consejo Para un panel 4K, cree el diseño en 1920 × 1080 y coloque en él archivos de vídeo codificados en 4K. Así obtiene el vídeo 4K nativo para el que está pensado el panel, sin cuadruplicar el tamaño de cada imagen ni gastar cuota de almacenamiento en píxeles que nadie ve.

Ajustar el tamaño del vídeo al espacio que ocupa

Los vídeos se escalan al espacio que ocupan. Para un resultado limpio:

Codifique el vídeo con la relación de aspecto del espacio que llena.
Un vídeo a pantalla completa en un diseño de 1920 × 1080 debe ser un archivo de 1920 × 1080.
Un vídeo que llena un espacio vertical debe codificarse en vertical, no ser un archivo horizontal girado por el reproductor.

Dejar que el reproductor reescale sobre la marcha cuesta rendimiento en hardware modesto y es una causa frecuente de entrecortes, vea Los vídeos no se reproducen o se entrecortan.

Overscan: contenido que se sale de los bordes

Si se recortan unos pocos píxeles en los cuatro bordes, el televisor está aplicando overscan. Busque en los ajustes de imagen de la pantalla una opción Just Scan, Screen Fit, 1:1, Full Pixel o Modo PC y actívela. Algunas pantallas solo desactivan el overscan cuando la entrada está etiquetada como PC. No lo compense reduciendo su diseño, corríjalo en la pantalla.

Tamaños de pantalla mixtos en una misma red

Pantallas de distintas resoluciones pero con la misma relación de aspecto pueden compartir un diseño: un diseño de 1920 × 1080 se escala limpiamente a una pantalla de 3840 × 2160. Relaciones de aspecto diferentes no pueden compartir un diseño sin concesiones. Agrupe las pantallas por relación de aspecto y programe el diseño correspondiente en cada grupo, vea Programar contenido.

Diseñe el texto para el peor caso del grupo. Un texto cómodo en una pantalla de 55” a 2 metros es ilegible en una pantalla de 32” a 6 metros.