Resolución de pantalla

La resolución de pantalla y el tamaño del viewport son medidas distintas que suelen confundirse. La pantalla es el monitor; el viewport es el área que tu página recibe realmente.

La relación de píxeles del dispositivo explica por qué una pantalla de 2560 píxeles puede informar de un viewport de 1280.

Por qué estos números no coinciden con la ficha técnica

Un teléfono anunciado con pantalla de 2532×1170 aquí declarará algo cercano a 844×390, y ninguna de las dos cifras es incorrecta. La anunciada son píxeles físicos. La que maneja el navegador son píxeles CSS, una unidad desligada del hardware a propósito para que el texto tenga el mismo tamaño real en una pantalla densa que en una gruesa.

La relación de píxeles del dispositivo es el puente entre ambas. Con una relación de 3, cada píxel CSS se pinta con un bloque de 3×3 píxeles físicos, así que 844 píxeles CSS ocupan 2532 reales. Por eso un diseño construido sobre puntos de ruptura en píxeles CSS se comporta igual en las dos, y por eso una imagen que deba verse nítida hay que servirla al doble o al triple de sus dimensiones CSS.

Qué medida usar para cada cosa

La pantalla describe todo el monitor y prácticamente no sirve para nada en desarrollo web, porque ignora la ventana. El área visible, en cambio, es la zona donde tu página puede dibujar realmente: es la que gobierna la maquetación, los puntos de ruptura y las consultas de medios.

El error que conviene evitar es decidir la maquetación a partir del tamaño de pantalla. Un navegador maximizado en un monitor de 1920 píxeles tiene un área visible cercana a 1920, pero ese mismo monitor con dos ventanas lado a lado deja unos 950 a cada una, y un diseño que consultó la pantalla se maquetará para un ancho del que no dispone. Cambia el tamaño de esta ventana y observa qué números se mueven.

Qué se mide aquí y qué no

Todo lo que aparece lo expone tu propio navegador a cualquier página que visites. No se envía nada a IPGet ni se guarda nada: la comprobación se ejecuta en tu equipo y termina ahí.

Tampoco se pide nada que requiera permiso. No se solicita ubicación, ni cámara, ni micrófono. El tamaño de pantalla es, eso sí, uno de los componentes clásicos de la huella digital del navegador: por sí solo no identifica a nadie, pero combinado con la zona horaria, el idioma y las fuentes instaladas reduce bastante el grupo al que perteneces.