Comprobar resolución de pantalla

Tu resolución de pantalla aparece en la parte superior de la tarjeta de la herramienta; por ejemplo, 1920 × 1080. Es el tamaño de tu pantalla en píxeles CSS, la unidad lógica que los navegadores usan para la maquetación. Debajo encontrarás también la resolución física estimada, que tiene en cuenta la escala de la pantalla. Si los dos números difieren, tu pantalla funciona con la escala activada, algo normal y recomendado en paneles de alta resolución. Para ver los valores actualizarse en vivo, redimensiona la ventana del navegador o muévela a otro monitor.

Las pantallas modernas de alta resolución usan escala para mantener el texto y los iconos en un tamaño cómodo. Un monitor 4K con escala del 150% informa de 2560 × 1440 píxeles CSS aunque el panel renderice físicamente 3840 × 2160. Los screen.width y screen.height del navegador siempre usan píxeles CSS, así que la resolución informada es la resolución lógica, ya escalada. Multiplícala por el ratio de píxeles del dispositivo y obtendrás la resolución física: exactamente lo que hace por ti la estimación de resolución física de esta página.

El ratio de píxeles del dispositivo es el número de píxeles físicos que un navegador usa para dibujar un píxel CSS. Un DPR de 1 significa que un píxel CSS equivale a un píxel físico. Un DPR de 2 — habitual en pantallas Retina y portátiles modernos — significa que cada píxel CSS se dibuja con un bloque de 2 × 2 píxeles físicos, con un resultado más nítido. El DPR también cambia al hacer zoom: subir el zoom del navegador al 125% multiplica por 1,25 el DPR informado, y por eso la estimación de resolución física se etiqueta como aproximada.

La resolución de pantalla describe tu pantalla completa: el monitor entero o la pantalla del móvil. El viewport es la porción visible de una página web dentro de la ventana del navegador: excluye las barras de herramientas, las barras de interfaz, las barras laterales y las barras de desplazamiento. Con el navegador maximizado, el viewport es algo menor que la pantalla; en una ventana flotante pequeña puede ser mucho menor. Los desarrolladores web usan el tamaño del viewport (no la resolución de pantalla) para construir diseños responsive, y por eso esta página muestra ambos valores uno junto al otro.

La resolución física se calcula multiplicando la resolución CSS por el ratio de píxeles del dispositivo y redondeando a píxeles enteros. Dos factores la convierten en una estimación: el zoom del navegador cambia el DPR informado — con un zoom del 110% un DPR de 2 se informa como 2,2 — y algunos navegadores aplican su propio redondeo a las dimensiones de pantalla. La estimación es exacta cuando el zoom del navegador está al 100%, por eso recomendamos comprobar el valor con el zoom restablecido (Ctrl/Cmd + 0) si necesitas una lectura precisa.

El área disponible es la parte de la pantalla no ocupada por elementos permanentes del sistema operativo, como la barra de tareas de Windows, el Dock de macOS o las barras del sistema fijas en dispositivos móviles. Una pantalla de 1920 × 1080 con la barra de tareas predeterminada de Windows informa de una altura disponible de 1040 píxeles o menos. Las aplicaciones — incluidas las ventanas del navegador maximizadas — se distribuyen dentro del área disponible, así que suele ser el número más práctico para calcular cuánto espacio ocupa realmente una ventana maximizada.

Abre esta página y lee la estimación de resolución física: con el zoom del navegador al 100% coincide con la resolución nativa del panel, porque la escala no puede cambiar cuántos píxeles renderiza el hardware. Puedes contrastarlo en tu sistema operativo: en Windows, ve a Configuración › Sistema › Pantalla y consulta la resolución de pantalla (la entrada recomendada es la nativa); en macOS, abre Ajustes del Sistema › Pantallas: la opción «Por defecto para la pantalla» suele usar la resolución nativa con escala para ganar nitidez.

Sí. La herramienta solo usa interfaces estándar del navegador, por lo que funciona en navegadores de Android e iOS además de en el escritorio. En móvil, la resolución de pantalla informada suele ser la resolución lógica (CSS) del dispositivo — por ejemplo 393 × 851 en muchos móviles Android — mientras que la estimación de resolución física refleja el panel real. Al rotar el dispositivo verás la orientación, la proporción de aspecto y ambas dimensiones intercambiarse en tiempo real. En móvil, el área disponible excluye las barras de estado y de navegación del sistema.

Sí, completamente. No hay cobros, ni registro, ni descargas, ni límite en la frecuencia de comprobación. Cada medición ocurre localmente en tu navegador: la página lee tu pantalla, tu ventana y los ajustes de visualización, y los muestra en pantalla. No se envía a ningún servidor ningún dato de pantalla, huella de dispositivo ni estadística de uso, y no se guarda nada tras cerrar la pestaña. Incluso puedes usarla sin conexión una vez cargada la página. Cada comprobación que hagas permanece en tu dispositivo.

La tarjeta se actualiza en vivo por diseño. Redimensionar la ventana cambia el viewport; hacer zoom cambia el ratio de píxeles del dispositivo y, con ello, la estimación física; rotar un móvil intercambia el ancho y el alto; mover la ventana a un segundo monitor vuelve a medir la pantalla en la que aterriza. Si los números cambiaron sin que tú hicieras nada, la causa es un evento externo: una pantalla que entra en reposo, un portátil conectado a un dock que cambia de salida, o un sistema operativo que ajusta la escala automáticamente por accesibilidad.