monitor ¿Cuál Es Mi Resolución de Pantalla? star

Qué Mide Realmente la "Relación de Píxeles del Dispositivo"

Toda pantalla tiene una cuadrícula fija de píxeles físicos — su resolución nativa — pero las páginas web se maquetan en píxeles CSS, una unidad independiente de la resolución. La relación de píxeles del dispositivo (DPR, device pixel ratio) es el factor de conversión entre ambos: cuántos píxeles físicos se usan para dibujar un solo píxel CSS. En una pantalla de densidad estándar, el DPR es 1 y ambos coinciden uno a uno. En una pantalla "Retina" o de alto DPI, el DPR suele ser 2 o 3, es decir, un píxel CSS se renderiza realmente en un bloque de 2×2 (4 píxeles físicos) o 3×3 (9 píxeles físicos). Por eso el texto y los íconos se ven notablemente más nítidos en esas pantallas: el sistema operativo y el navegador disponen de cuatro o nueve veces más puntos físicos para dibujar el mismo píxel lógico, así que las curvas y los bordes no necesitan aproximarse de forma tan tosca.

Esta página lee ese número, junto con todo lo demás en la tarjeta de arriba, directamente de las API reales del navegador: window.screen informa el ancho, alto y profundidad de color nativos de la pantalla, mientras que window.devicePixelRatio informa la relación entre píxeles CSS y físicos. Las medidas del viewport del navegador provienen de window.innerWidth/innerHeight, por eso ese número es más pequeño que la resolución de pantalla — excluye el espacio ocupado por las pestañas, la barra de direcciones y los bordes de la ventana. Redimensiona la ventana y esas cifras se actualizan en vivo, porque se leen directamente del navegador, no de una caché.

Dónde Resulta Útil Esta Información

Los usos típicos incluyen describir tu configuración exacta al soporte técnico sin adivinar números, comprobar con qué dimensiones de píxeles tendrá que trabajar realmente un diseño responsivo en tu dispositivo, confirmar que un monitor recién conectado negoció su resolución nativa en lugar de un modo de reserva más bajo, o verificar que un televisor conectado como segunda pantalla captó la señal correcta. El botón de copiado en un clic toma un resumen de texto limpio de todos los valores, listo para pegar directamente en un ticket de soporte o un informe de errores.

La profundidad de color, también mostrada en la tarjeta, funciona con un principio similar por canal al de la relación de píxeles: una pantalla típica de 24 bits asigna 8 bits a cada canal de rojo, verde y azul, lo que da aproximadamente 16,7 millones de colores posibles por píxel, mientras que algunas pantallas profesionales y HDR reportan una profundidad de 30 o 36 bits para degradados más finos. La orientación (vertical u horizontal) y el soporte táctil completan el panorama, ambos leídos en vivo de las mismas interfaces window.screen y navigator en lugar de deducirse de las dimensiones de pantalla o del rastreo del user-agent.