Detalles de pantalla y ventana gráfica
Prueba de resolución de pantalla
Vea el tamaño de la pantalla, la ventana gráfica del navegador, la proporción de píxeles del dispositivo, los píxeles físicos estimados, la orientación y la profundidad del color.
Prueba de resolución de pantalla
Qué mide esta herramienta
CSS píxeles, píxeles del dispositivo y la ventana gráfica del navegador son medidas diferentes. La proporción de píxeles del dispositivo conecta la ventana gráfica CSS a un tamaño de píxel de respaldo estimado.
como usarlo
- Lea los valores de la pantalla y la ventana gráfica.
- Cambie el tamaño del navegador para ver la actualización de los valores de la ventana gráfica.
- Utilice la pantalla completa para reducir el cromo del navegador al comparar dimensiones.
Por qué la gente comprueba la resolución de la pantalla
- Encuentre la resolución reportada de una computadora o teléfono
- Explique por qué las dimensiones de la página web y de la captura de pantalla difieren
- Compare la escala del sistema operativo, el zoom del navegador y DPR
Tamaño de pantalla, ventana gráfica y DPR
El tamaño de la pantalla es el área de visualización informada por el navegador, la ventana gráfica es el espacio disponible para la página y DPR relaciona CSS píxeles con los píxeles del dispositivo.
repetir la prueba
Utilice varias ejecuciones en las mismas condiciones antes de sacar una conclusión a partir de un único valor.
Comparar como con como
Mantenga consistentes el navegador, el tamaño de la ventana, la conexión del dispositivo y el modo de energía al comparar los resultados.
CSS los píxeles no son píxeles físicos
Con una escala del sistema del 150 % o un nivel de zoom del navegador diferente, el mismo panel puede informar diferentes CSS dimensiones.
Se estiman los píxeles físicos.
El tamaño de pantalla CSS multiplicado por DPR es un contexto útil, pero la protección de la privacidad y las configuraciones de varios monitores pueden hacer que difiera de la resolución del panel nativo.
Límites de medición
El zoom del navegador, el escalado de la pantalla, varios monitores y las protecciones de privacidad pueden afectar los valores informados.
Privacidad
Las medidas se calculan localmente en su navegador y la herramienta no las carga.
Cuando los datos de resolución parecen inesperados
Mantén la página activa
La limitación de pestañas en segundo plano, las extensiones del navegador y otras aplicaciones ocupadas pueden afectar las mediciones del navegador.
Vuelva a realizar la prueba en condiciones controladas
Vuelva a cargar la página, mantenga la misma configuración y repita la medición antes de tratar un valor atípico como una falla.
Verifique ambos controles de escala
La escala de visualización del sistema operativo y el zoom de la página del navegador afectan las dimensiones CSS y deben verificarse juntos.
Cuenta para múltiples monitores
Después de mover una ventana a otra pantalla, DPR y el tamaño disponible pueden actualizarse solo después de un evento de cambio de tamaño o de ventana.
Preguntas sobre resolución de pantalla
¿Es esta una prueba de certificación de hardware?
No. Es un diagnóstico del lado del navegador destinado a comparar y solucionar problemas, no a una certificación de laboratorio.
¿Dónde se procesan los datos de la prueba?
La medición se calcula en esta pestaña del navegador y la herramienta no carga la entrada de prueba sin procesar.
¿Un DPR más alto siempre significa una visualización más nítida?
No. DPR es solo la relación entre CSS y los píxeles del dispositivo; El tamaño físico y la resolución nativa también determinan la densidad de píxeles.
¿Por qué la ventana gráfica es más pequeña que la pantalla?
Las barras de herramientas del navegador, las barras laterales, los bordes de las ventanas y el modo de pantalla no completa reducen el área disponible para la página web.