¿Cuál es la resolución de mi pantalla y por qué el número parece incorrecto?

La resolución de tu pantalla es el número de píxeles físicos a lo ancho y a lo alto de la pantalla, escrito como ancho × alto, por ejemplo 1920 × 1080. Los ajustes de pantalla de tu sistema la muestran. Sin embargo, una página web suele indicar otra cifra, porque los navegadores miden en píxeles CSS, una unidad que el sistema operativo y el navegador escalan. Ambos números pueden ser correctos a la vez. La comprobación de resolución de pantalla muestra juntos el tamaño de la pantalla, el tamaño escalado y el tamaño de la ventana, para que sepas cuál estás viendo.

Resolución de pantalla¿Cuál es el tamaño de mi pantalla?Úsalo gratis

Píxeles físicos y píxeles CSS

Un píxel físico es uno de los pequeños puntos de luz del panel. Un píxel CSS es una unidad que las páginas web usan para la maquetación. Una página de 800 píxeles CSS de ancho debería ocupar más o menos la misma proporción de la ventana en cualquier panel, así que el navegador convierte entre ambas unidades usando la relación de píxeles del dispositivo.

La relación de píxeles del dispositivo es el número de píxeles físicos que forman un píxel CSS. En un monitor normal vale 1. En muchas pantallas de alta densidad vale 2 o más, y cada píxel CSS se dibuja con un bloque de 2 por 2 píxeles físicos, por eso el texto se ve más nítido. El tamaño de pantalla que lee una página en píxeles CSS es el tamaño físico dividido entre esa relación.

Escalado del sistema operativo

La mayoría de las veces, la relación procede del escalado de pantalla del sistema operativo. En Windows, es el ajuste de Escala en la configuración de pantalla. En macOS, las opciones de resolución de una pantalla controlan cuánto espacio ocupa la interfaz. Un panel 4K tiene 3840 × 2160 píxeles físicos. Con un escalado del 200 por ciento, la interfaz ocupa el espacio de 1920 × 1080, y un navegador en esa pantalla indica 1920 × 1080 píxeles CSS con una relación de 2.

La operación es sencilla: divide el tamaño físico entre el factor de escala.

Panel, píxeles físicos	Escalado	Tamaño de pantalla en píxeles CSS	Relación
3840 × 2160	100 por ciento	3840 × 2160	1
3840 × 2160	150 por ciento	2560 × 1440	1,5
3840 × 2160	200 por ciento	1920 × 1080	2
1920 × 1080	100 por ciento	1920 × 1080	1

Algunos valores de escala no dividen exactamente, y el navegador redondea el resultado. Que una cifra difiera en un píxel de tu propia cuenta es normal.

El zoom del navegador cambia el número

El zoom del navegador es un ajuste distinto del escalado de pantalla. Al ampliar al 200 por ciento se duplica el tamaño de todo lo que hay en la página. El navegador cambia la relación de píxeles del dispositivo para compensarlo, así que el ancho de la ventana en píxeles CSS se reduce a la mitad, mientras que la pantalla física sigue igual. Una ventana que medía 1280 píxeles CSS de ancho al 100 por ciento puede indicar 640 después de ampliar.

El zoom es la razón más habitual de que dos comprobaciones den números distintos. Si una cifra te parece incorrecta, revisa primero el nivel de zoom y después pulsa Ctrl+0, o Cmd+0 en un Mac, para volver al 100 por ciento.

Pantalla, pantalla disponible y ventana

Hay tres tamaños que es fácil confundir.

• La pantalla es la totalidad del monitor, tal como la indica el sistema operativo.
• La pantalla disponible excluye las zonas que el sistema reserva para sí, como la barra de tareas en Windows o el Dock y la barra de menús en un Mac. Nunca es mayor que la pantalla.
• La ventana del navegador, también llamada área de visualización, es la zona donde se dibuja la página. No incluye las pestañas, la barra de direcciones ni la barra de marcadores, y cambia cada vez que redimensionas la ventana.

Cuando una web te pide el tamaño de tu pantalla, normalmente se refiere a la pantalla o a la ventana. Comprueba cuál necesita antes de copiar un número.

Frecuencia de refresco, HDR y color

La frecuencia de refresco es el número de veces por segundo que la pantalla actualiza la imagen. Un navegador no puede leerla directamente. Una página solo puede contar los fotogramas de animación que dibuja en aproximadamente un segundo. Por tanto, el resultado es una medición, y puede salir más bajo que la frecuencia real de la pantalla cuando la pestaña está en segundo plano, el ordenador está ocupado o el modo de ahorro de batería limita el dibujo. Tómalo como aproximado. El test de frecuencia de refresco realiza ese recuento y dibuja los tiempos de cada fotograma, y ¿tu pantalla va realmente a 120 Hz? explica dónde se encuentra el ajuste.

El HDR y la gama de colores también se informan mediante media queries, que describen lo que detecta el navegador. Eso puede diferir de la capacidad completa de la pantalla y de lo que el sistema tenga activado. Usa estas lecturas como orientación.

Encontrar el número en tu sistema

Para comprobar la cifra que usa el propio sistema, abre la configuración de pantalla. En Windows 11, ve a Configuración, después a Sistema y luego a Pantalla, y mira Resolución de pantalla. En macOS, abre Ajustes del Sistema y elige Pantallas. Ambas opciones muestran la resolución escalada y las opciones disponibles.

Una vez que conozcas el tamaño, el siguiente paso con una pantalla nueva es una comprobación de color sólido. El test de píxeles muertos llena la pantalla de negro, blanco, rojo, verde y azul, para que busques puntos atascados o muertos.

Cómo hacerlo con fixmint

1. Abre la comprobación de resolución de pantalla. La cifra de la parte superior, «Tu pantalla, en píxeles CSS», muestra el resultado.
2. Compárala con «píxeles físicos (estimación)» y «relación de píxeles del dispositivo». Una relación superior a 1 significa que el sistema o el navegador está escalando la imagen.
3. Redimensiona la ventana del navegador o cambia el zoom, y observa cómo cambia «ventana del navegador, en directo». Pulsa Ctrl+0, o Cmd+0 en un Mac, para volver al 100 por ciento.
4. Lee «frecuencia de refresco, medida, aproximada» y pulsa de nuevo Medir frecuencia de refresco si la lectura te parece errónea.
5. Pulsa Copiar todo para copiar las lecturas antes de pegarlas en un formulario de soporte técnico.

Respuestas rápidas

¿Por qué mi monitor indica una resolución menor que la que tiene?

Probablemente el escalado está configurado por encima del 100 por ciento. La resolución física no cambia, y la página lee el tamaño escalado en píxeles CSS.

¿El zoom del navegador cambia la resolución de mi pantalla?

No. Cambia la relación de píxeles de la página y el tamaño de la ventana en píxeles CSS. Restablece el zoom para recuperar la cifra normal.

¿La frecuencia de refresco es exacta?

No. Se mide a partir de los fotogramas de animación durante aproximadamente un segundo. Una pestaña en segundo plano o un ordenador ocupado pueden hacer que la cifra baje.