Comprobador de resolución de pantalla
Consulta el tamaño de tu pantalla, la ventana gráfica (viewport), la densidad de píxeles, la orientación y las capacidades de tu pantalla al instante en tu navegador.
Tu pantalla
···
Tamaño de pantalla (píxeles CSS)
Datos de tu navegador
Datos del navegador
- Tamaño de pantalla
- ···
- Tamaño del viewport
- ···
- Viewport visual
- ···
- Pantalla disponible
- ···
- Densidad de píxeles (DPR) - relación entre píxeles físicos y CSS
- ···
- Orientación
- ···
- Profundidad de color
- ···
- Profundidad de píxel
- ···
El DPR es la relación entre los píxeles físicos de la pantalla y los píxeles CSS. El zoom del navegador puede alterar los valores mostrados.
Calculado
- Relación de aspecto
- ···
- Píxeles CSS de pantalla
- ···
- Resolución real estimada
- ···
- Píxeles reales estimados
- ···
Calculado a partir de las dimensiones CSS de la pantalla × la densidad de píxeles. Son estimaciones y pueden no coincidir con la resolución nativa del panel.
Capacidades de la pantalla
- Rango dinámico
- ···
- sRGB
- ···
- Display-P3
- ···
- Rec. 2020
- ···
- Pantalla completa
- ···
Capacidad de gama de color
Capacidades que indica el navegador; no miden el rendimiento HDR real ni la gama de color real de tu monitor.
Interpretación
¿Qué significa mi resultado?
Tu navegador indica un tamaño de pantalla de {sw} × {sh} píxeles CSS. El viewport actual de la página es de {vw} × {vh} píxeles CSS, mientras que el viewport visual es de {vvw} × {vvh} píxeles CSS.
El tamaño de pantalla y el tamaño del viewport describen cosas distintas: el tamaño de pantalla se refiere al área de visualización que indica el navegador, mientras que el viewport describe el espacio disponible para la página web.
Estos valores pueden variar según el zoom del navegador, el escalado de pantalla, la configuración de la ventana, el modo de pantalla completa y el uso de varios monitores.
Referencia
Resoluciones de pantalla comunes
1280 × 720HD · Portátiles básicos y pantallas económicas16:91366 × 768HD · Común en portátiles pequeños~16:91920 × 1080Full HD · El estándar más usado en escritorio16:92560 × 1440QHD · Muy popular en pantallas de 27 pulgadas16:93840 × 21604K UHD · Común en monitores grandes y televisores16:95120 × 28805K · Pantallas de escritorio de gama alta16:9Comparativa
Pantalla frente a viewport
Pantalla
···
Viewport del navegador
···
Viewport visual
···
La resolución de tu pantalla y el viewport del navegador son distintos. La resolución describe la pantalla, mientras que el viewport describe el área del navegador disponible para la página web.
Densidad de píxeles
Píxeles por pulgada (PPP)
Estima el PPP a partir de la resolución nativa y el tamaño en diagonal de tu pantalla.
···
Usa la resolución nativa de las especificaciones de tu pantalla. Los valores del navegador pueden variar por el escalado y el zoom.
Guía
Cómo probar
01
Abre en la pantalla objetivo
Mueve la ventana a la pantalla que quieres comprobar.
02
Revisa los valores mostrados
Compara el tamaño de pantalla, el viewport, el DPR y la escala con lo que esperas.
03
Compara con los ajustes del sistema
Verifícalo con tus ajustes de pantalla y de escala.
Definiciones
Información sobre la resolución
Resolución de pantalla
Las dimensiones de pantalla que indica tu navegador, medidas en píxeles CSS.
Tamaño del viewport
El área actual de contenido del navegador. Puede ser menor que la resolución de tu pantalla por la interfaz y el tamaño de la ventana.
Densidad de píxeles
La relación entre los píxeles físicos de la pantalla y los píxeles CSS.
Una nota sobre la precisión
Los valores del navegador pueden variar por el escalado de pantalla, el zoom, los ajustes del sistema operativo y el comportamiento del navegador. La resolución de pantalla (screen.width × screen.height) describe la pantalla que ve tu navegador, mientras que el tamaño del viewport (window.innerWidth × window.innerHeight) describe el área disponible para la página web. El escalado del sistema, el zoom, los escritorios remotos, las máquinas virtuales y las limitaciones del navegador o del dispositivo pueden alterar los valores, que pueden no coincidir con la resolución física nativa del panel.
Cómo usar
Cómo comprobar tu resolución de pantalla
- Abre la herramienta en la pantalla que quieres comprobar.
- Lee la resolución detectada.
- Cambia el tamaño del navegador para comparar las dimensiones del viewport.
- Gira tu dispositivo para ver cómo se actualiza la orientación.
Funciona en:
- Monitores de escritorio
- Portátiles
- Tabletas
- Teléfonos
- Televisores con navegador
Consejos de configuración
Cómo lograr la resolución correcta
Usa la resolución nativa
Elige la resolución nativa de tu monitor en los ajustes de pantalla del sistema operativo para una correspondencia píxel a píxel.
Ajusta la escala a tu pantalla
El escalado puede cambiar las dimensiones que el sistema y el navegador muestran en píxeles CSS. No cambia la cantidad física de píxeles del monitor.
Actualiza los controladores gráficos
Si falta una resolución esperada en los ajustes de pantalla, actualizar los controladores gráficos puede ayudar.
¿Qué es el Comprobador de resolución de pantalla?
La resolución de pantalla es la cantidad de puntos (píxeles) que tu pantalla usa para mostrar la imagen, como 1920 × 1080. Más puntos pueden mostrar más detalle. Esta prueba muestra lo que tu navegador indica sobre tu pantalla.
Preguntas frecuentes
Preguntas frecuentes sobre la resolución
01¿Cómo sé cuál es la resolución de mi pantalla?
Abre el comprobador de resolución para ver la información de pantalla y viewport que indica tu navegador.
02¿Cuál es la resolución de mi pantalla ahora mismo?
Tu navegador puede mostrar las dimensiones actuales en píxeles CSS, pero no siempre equivalen a la resolución física del panel.
03¿Por qué la resolución que veo no coincide con la anunciada de mi monitor?
El escalado de pantalla, el comportamiento del navegador, los ajustes del sistema, los escritorios remotos y otros factores pueden hacer que los valores difieran de la resolución nativa del panel.
04¿Qué diferencia hay entre resolución de pantalla y viewport?
La resolución describe las dimensiones de pantalla que indica el sistema, mientras que el viewport describe el área disponible para la página del navegador.
05¿Qué es la densidad de píxeles (DPR)?
La densidad de píxeles describe la relación entre los píxeles CSS y los píxeles físicos que usa el navegador.
06¿Cómo pongo la resolución nativa en Windows o Mac?
En Windows elige la opción marcada como recomendada en Configuración de pantalla; en Mac usa Texto más grande o Más espacio en Ajustes de pantalla.
07¿Puede una página web saber la resolución nativa real de mi monitor?
No siempre con fiabilidad. Las API del navegador muestran información del sistema y la pantalla, pero no garantizan la resolución física del panel.