Cómo funciona esta herramienta de información de pantalla
Abre la página y lee todo lo que tu navegador sabe de la pantalla: resolución de pantalla, tamaño del viewport, relación de píxeles del dispositivo, profundidad de color, gamut de color (sRGB, P3 o Rec.2020), compatibilidad con HDR, orientación, relación de aspecto, puntos táctiles y si tu sistema prefiere el modo oscuro. Cuando el navegador lo permite, también se listan varias pantallas. La calculadora de PPI toma el tamaño de tu diagonal en pulgadas y calcula la densidad de píxeles.
Tu navegador lee todos los valores de forma local y no se envía nada a ningún sitio.
Cómo interpretar los resultados
- Resolución de pantalla. El tamaño informado por el sistema, como 1920×1080. En una pantalla con escalado puede ser menor que el panel físico.
- Viewport. El área visible de la ventana del navegador en píxeles CSS. Cambia al redimensionar la ventana o al hacer zoom.
- Relación de píxeles del dispositivo (DPR). Cuántos píxeles físicos forman un píxel CSS. Un DPR de 2 significa que un área CSS de 1920×1080 usa 3840×2160 píxeles reales. Esto es lo que significa "Retina".
- Profundidad de color. Normalmente 24 bits. Valores más altos significan degradados más suaves.
- Gamut de color. sRGB es el estándar. P3 y Rec.2020 son más amplios y muestran colores más saturados.
- PPI. Píxeles por pulgada. Unos 90 a 110 es lo típico en monitores de escritorio, y 220 o más en portátiles y móviles.
Los píxeles CSS y los físicos difieren porque los sistemas operativos escalan la interfaz para que el texto siga siendo legible en pantallas densas. Un monitor 4K con escalado del 200 por ciento informa 1920×1080 en píxeles CSS. Entre las resoluciones comunes están 1366×768, 1920×1080, 2560×1440 y 3840×2160.
¿Resolución incorrecta? Prueba estas soluciones
- Windows. Abre Configuración → Sistema → Pantalla, elige el monitor y selecciona la resolución recomendada en Resolución de pantalla. Ajusta la Escala si el texto es demasiado pequeño.
- macOS. Ve a Ajustes del Sistema → Pantallas y selecciona Predeterminada para la pantalla, o Escalada para otros tamaños.
- Android. Ve a Ajustes → Pantalla → Resolución de pantalla cuando esté disponible, y a Tamaño de pantalla y texto para el escalado.
- iPhone y iPad. La resolución es fija. Usa Ajustes → Pantalla y brillo → Zoom de pantalla para cambiar el tamaño.
- Actualiza el controlador gráfico si solo aparecen resoluciones bajas, y usa un cable compatible con la resolución nativa de tu monitor.
- Zoom del navegador. Si las cifras parecen raras, pulsa Ctrl+0 (Cmd+0 en Mac) para restablecer el zoom, ya que el zoom cambia el viewport y el DPR.
Por qué consultar la información de tu pantalla
Conocer tu resolución real y el escalado te ayuda a elegir el fondo de pantalla adecuado, configurar un juego o una retransmisión, comprar el tamaño de monitor correcto y compararlo con las especificaciones de la caja. Los desarrolladores lo usan para probar diseños adaptables, y los equipos de soporte piden estos números al diagnosticar texto borroso o interfaces demasiado grandes.
Si compartes una captura de esta página con un equipo de soporte o con la ayuda de un juego, podrán ver de un vistazo si el escalado, la orientación o los ajustes de color explican lo que estás viendo.
Preguntas frecuentes
¿Cuál es la resolución de mi pantalla?
Aparece al principio de esta página como ancho por alto en píxeles. Ten en cuenta que el escalado puede hacer que sea menor que la resolución física del panel.
¿Qué es la relación de píxeles del dispositivo?
Es el número de píxeles físicos que se usan por cada píxel CSS. Una relación de 2 significa que la pantalla es nítida y de alta densidad, tipo Retina.
¿Por qué mi monitor 4K muestra 1920x1080?
Probablemente tu sistema operativo está escalando la interfaz al 200 por ciento. El navegador informa en píxeles CSS, así que una pantalla 4K escalada se ve como 1920×1080.
¿Cómo se calculan los PPI?
Divide la resolución diagonal en píxeles entre el tamaño diagonal en pulgadas. Introduce el tamaño de tu pantalla en la calculadora de PPI y lo hace por ti.
¿Mi pantalla admite HDR?
La herramienta informa de si tu navegador dice que la pantalla puede mostrar HDR. También puede que necesites activar el HDR en los ajustes de tu sistema operativo.
¿Cuál es la diferencia entre el tamaño de pantalla y el viewport?
El tamaño de pantalla es todo el display. El viewport es solo el área visible de la ventana del navegador, que cambia al redimensionar o hacer zoom.
¿Qué es mejor, 1920×1080 o 2560×1440?
2560×1440 ofrece más nitidez y más espacio de trabajo, sobre todo en monitores de 27 pulgadas. 1920×1080 exige menos a la tarjeta gráfica y rinde mejor en equipos modestos.
¿Cuántas pulgadas tiene mi pantalla?
El navegador no puede saber el tamaño físico de la pantalla. Mide en diagonal de esquina a esquina del área visible, o consulta el modelo, y usa la calculadora de PPI con ese valor.