¿Cuál es la resolución de mi pantalla?
Una pantalla de 1920 x 1080 tiene una relación de aspecto de 16:9 y unos 2,1 megapíxeles. Una pantalla de 1440 x 900 con una relación de píxeles del dispositivo de 2 tiene 2880 x 1800 píxeles físicos.
Cómo se usa
- Abre la página. Los valores de tu pantalla aparecen enseguida; no hay nada que pulsar.
- Cambia el tamaño de la ventana, gira tu dispositivo o mueve la ventana a otro monitor, y los valores se actualizan.
- Pulsa Copiar para poner un resumen en texto plano en tu portapapeles, por ejemplo para pegarlo en un ticket de soporte.
Cómo se calcula
El tamaño de pantalla es screen.width × screen.height, medido en píxeles CSS. El viewport del navegador es window.innerWidth × window.innerHeight, el área que puede usar una página web.
La resolución física es una estimación: el tamaño de pantalla multiplicado por window.devicePixelRatio, redondeado. En una pantalla con una relación de píxeles de 2, una pantalla CSS de 1440 × 900 se muestra como 2880 × 1800 píxeles del dispositivo.
La relación de aspecto se empareja con una relación habitual como 16:9 o 16:10 cuando está dentro del 0,5 por ciento; si no, se muestra la fracción reducida exacta.
Píxeles CSS y píxeles del dispositivo
Las páginas web se maquetan en píxeles CSS para que el texto tenga un tamaño parecido en pantallas distintas. Una pantalla de alta densidad mete más píxeles del dispositivo en cada píxel CSS, y la relación de píxeles del dispositivo indica cuántos caben en un píxel CSS.
Tanto el escalado de pantalla del sistema operativo como el zoom del navegador cambian esta relación, y por eso el mismo monitor puede informar valores distintos en configuraciones distintas.
Preguntas frecuentes
¿Por qué muestra una resolución menor que la especificación de mi monitor?
Los navegadores informan los tamaños en píxeles CSS. Cuando tu sistema operativo escala la pantalla, por ejemplo al 150 por ciento, un píxel CSS cubre varios píxeles del dispositivo. La resolución física estimada multiplica por la relación de píxeles para deshacerlo.
¿Por qué cambian los números al hacer zoom en la página?
En muchos navegadores de escritorio, el zoom de página cambia la relación de píxeles del dispositivo y el tamaño del viewport que se informan. Restablece el zoom al 100 por ciento para leer tus valores normales.
¿Qué diferencia hay entre el tamaño de pantalla y el viewport?
El tamaño de pantalla es toda la pantalla. El viewport es solo la parte dentro de la ventana del navegador donde se dibuja la página, sin barras de herramientas, pestañas ni barras de desplazamiento fuera de ella.
¿La resolución física es siempre exacta?
No. Se calcula a partir de lo que informa el navegador y puede desviarse un píxel por el redondeo, o diferir cuando el navegador o el sistema usan un factor de escala que no expone. Consulta los ajustes de tu pantalla para la resolución nativa exacta.