Resolución, Aspect Ratio y Color: Por qué tu Logo Rojo se ve Naranja (y cómo arreglarlo)

Hola, soy Max. Bienvenidos a carteleriapro.

He visitado cientos de negocios donde el dueño me dice orgulloso: “Mira qué pantalla 4K hemos puesto”. Y cuando miro, veo un vídeo en 720p estirado, con personas que parecen hobbits (aplastadas) y negros que parecen grises.

El hardware es solo el lienzo. Si la pintura (tu archivo de vídeo/imagen) no está mezclada correctamente, el cuadro será un desastre.

En el diseño para impresión (papel), las reglas son unas. En Digital Signage, las reglas son física y matemáticamente opuestas. Hoy vamos a calibrar tu contenido para que se vea profesional.

El Error Nº 1: Relación de Aspecto (Aspect Ratio)

Este es el fallo más común y el que más “dolor visual” provoca.

Las pantallas modernas son casi siempre 16:9 (Panorámicas).

  • Horizontal (Landscape): 1920 x 1080 píxeles.
  • Vertical (Portrait): 1080 x 1920 píxeles.

El Crimen: Coger una foto cuadrada de Instagram (1:1) o un vídeo antiguo (4:3) y forzarlo a llenar la pantalla completa.

  • Resultado: La imagen se deforma. Los círculos se vuelven óvalos. Las caras se ensanchan.
  • La Solución: Si tu imagen no coincide con la pantalla, tienes dos opciones dignas:
    1. Letterboxing: Dejar barras negras a los lados (feo, pero respeta la geometría).
    2. Crop (Recorte): Hacer zoom hasta llenar la pantalla y cortar lo que sobre por arriba/abajo.
    3. Diseño Nativo: Crear el contenido ex profeso en 1080×1920. Nunca reutilices un flyer A4 para una pantalla vertical; las proporciones no son las mismas.

El Error Nº 2: El Espacio de Color (RGB vs CMYK)

Tu diseñador gráfico probablemente viene del mundo de la imprenta.

  • CMYK (Cian, Magenta, Amarillo, Negro): Es tinta física. Se usa para imprimir papel. Tiene un rango de colores limitado (gamut).
  • RGB (Rojo, Verde, Azul): Es LUZ. Se usa para pantallas. Tiene millones de colores más, especialmente los neones y brillantes.

El Problema: Si subes a tu pantalla un archivo diseñado en CMYK (pensado para un folleto), la pantalla intentará “interpretar” esos colores.

  • Síntoma: Los colores vibrantes se ven apagados, lavados o grisáceos. El rojo intenso se vuelve granate sucio.
  • La Solución: Exporta SIEMPRE tus archivos en perfil de color sRGB. Es el estándar universal para monitores y asegura que el rojo de tu logo sea el rojo exacto que esperas.

El Error Nº 3: Resolución vs. Distancia de Visionado

“¿Necesito 4K u 8K?” Depende de dónde esté el cliente.

El ojo humano tiene un límite de resolución angular.

  1. Escaparate (Cliente a 2 metros): Aquí el 4K (3840×2160) brilla. Se notan los detalles de la textura de la ropa o la comida.
  2. Menú Board (Cliente a 3-4 metros detrás del mostrador): El 1080p (Full HD) es más que suficiente. Pagar por 4K aquí es tirar dinero; el ojo no distingue los píxeles extra a esa distancia.
  3. Video Wall Gigante (Cliente a 10 metros): Puedes usar incluso resoluciones inferiores (720p estirado) si la pantalla está muy alta, y nadie lo notará.

Regla de Oro: No uses imágenes de baja resolución (bajadas de Google o WhatsApp) en pantallas grandes. Si ves “dientes de sierra” (aliasing) en los bordes de las letras, tu imagen es demasiado pequeña.

El Error Nº 4: Compresión (JPG vs PNG)

El formato del archivo importa mucho más de lo que crees.

  • JPG (Joint Photographic Experts Group):
    • Uso: Fotografías de personas, paisajes, comida.
    • Problema: Tiene “compresión con pérdida”. Si hay texto o líneas finas, verás “ruido” o suciedad alrededor de las letras (artefactos).
  • PNG (Portable Network Graphics):
    • Uso: Logotipos, Textos, Gráficos planos.
    • Ventaja: Compresión sin pérdida. Permite transparencias. Los bordes de las letras son cuchillos afilados.
  • MP4 (H.264 vs H.265):
    • Para vídeo, usa el códec H.264. Es el más compatible (funciona en Raspberry Pi, Android, Tizen). El H.265 (HEVC) es mejor calidad/peso, pero muchos reproductores antiguos no pueden moverlo y la pantalla se quedará negra.

Tabla: Configuración Perfecta de Exportación 2026

ParámetroConfiguración Recomendada (Estándar Max)
Resolución1920×1080 (HD) o 3840×2160 (4K)
DPI (Puntos por pulgada)72 dpi (No uses 300 dpi, es para papel)
Perfil de ColorsRGB (IEC61966-2.1)
Formato ImagenPNG-24 (Logos/Texto) / JPG 85% (Fotos)
Formato Vídeo.MP4 (Códec H.264)
Bitrate Vídeo10-15 Mbps (Para 1080p) / 30-40 Mbps (Para 4K)

Calibración del Monitor: Temperatura de Color

Por último, el hardware.

Las pantallas vienen de fábrica en “Modo Tienda” (Vivid/Dinámico), que satura los azules para destacar bajo los fluorescentes de MediaMarkt.

En tu tienda:

  • Si tienes iluminación cálida (tienda de ropa acogedora, panadería): Configura la pantalla en “Warm” (Cálido / 3000K-4000K). Si la dejas en “Cool” (Azul), parecerá una ventana de hospital alienígena.
  • Si tienes iluminación fría (farmacia, clínica): Configura la pantalla en “Cool” (Frío / 6500K) para transmitir higiene y limpieza.

Conclusión

La calidad de imagen no se compra solo con dinero (hardware caro), se consigue con conocimiento (software y diseño).

Un monitor de 300€ bien calibrado con un archivo PNG en sRGB se ve infinitamente mejor que un monitor de 3.000€ reproduciendo un JPG comprimido en CMYK.

Dedica 5 minutos a revisar cómo exporta tus diseños el departamento de marketing. Tus ojos (y tu marca) te lo agradecerán.

¿Te preguntas qué software es capaz de manejar estos formatos sin fallar? En el próximo artículo compararemos las Mejores Apps de Diseño para No Diseñadores (Canva vs. Adobe Express vs. Fotor) aplicadas a Digital Signage.