Utilore

Resolución de pantalla

Arriba está tu resolución de pantalla tal como la informa el navegador. Debajo, el número de píxeles reales, la densidad que explica la diferencia, la relación de aspecto, la frecuencia de refresco y el tamaño de la ventana. Cambia el tamaño de la ventana y los números la siguen.

Todo lo de abajo lo lee tu propio navegador. Cambia el tamaño de la ventana y los números cambian con ella.

— Pantalla, píxeles CSS

Pantalla, píxeles reales
—
Densidad de píxeles
—
Relación de aspecto
—
Megapíxeles
—
Área de la página
—
Ventana del navegador
—
Profundidad de color
—
Frecuencia de refresco
—
Orientación
—

Nada de esto se envía a ningún sitio: la página lee tu propio navegador y te muestra lo que leyó. Por eso también la frecuencia de refresco se mide contando fotogramas medio segundo en vez de preguntarla: los navegadores no la informan.

Cerca: Probar el teclado, Probar el micrófono, Probar la cámara web, Cuál es mi IP

Cómo usarlo

  1. El número grande es tu pantalla en píxeles CSS: la medida en la que trabaja el navegador.
  2. «Pantalla, píxeles reales» es ese número multiplicado por la densidad. Es la cifra impresa en la caja de un monitor.
  3. «Área de la página» es lo que de verdad recibe una web: la ventana menos barras y desplazadores. Es el número que hay que dar cuando un sitio pregunta con qué resolución estás viendo.
  4. Cambia el tamaño de la ventana o gira el móvil y observa qué números cambian y cuáles no.

Lo que conviene saber

Por qué el navegador dice 390×844 y la caja dice 1170×2532

Porque cuentan cosas distintas. El navegador informa píxeles CSS, una unidad de tamaño aparente, para que el texto siga siendo legible en cualquier pantalla; la caja cuenta los puntos físicos del panel. Las pantallas de móvil actuales meten tres puntos físicos en un píxel CSS, y eso significa la línea de densidad: con densidad 3, una pantalla de 390 de ancho tiene realmente 1170 puntos. En un ordenador el mismo efecto viene del escalado: pon Windows al 125 % y un monitor de 1920 píxeles informa 1536 al navegador. Ambos números son ciertos; solo responden a preguntas distintas.

Tres tamaños, y cuál es el que quieres

La pantalla es todo el monitor. La ventana del navegador es menor —excluye lo que se queda el sistema— y en una ventana maximizada en Windows es unos píxeles mayor que la pantalla porque el marco sobresale. El área de la página es aún menor, porque barras de herramientas, pestañas y desplazadores le comen espacio. Cuando un sitio o un diseñador pregunta por «tu resolución» suele referirse a la pantalla; cuando algo se ve mal y te preguntan a qué ancho estás viendo, hablan del área de la página.

La frecuencia de refresco se mide, no se pregunta

Los navegadores no la exponen, así que esta página cuenta cuántos fotogramas logra dibujar en medio segundo. El resultado se redondea a la frecuencia habitual más cercana: una medición bruta de 59,7 es una pantalla de 60 Hz con ruido de medición, y mostrar 59,7 sería presentar el ruido como un hecho. La medida puede salir baja si la pestaña está en segundo plano o el equipo está ocupado, y en algunos portátiles la propia frecuencia baja para ahorrar batería: recarga la página si el número parece raro.

Preguntas frecuentes

¿Cuál es mi resolución de pantalla?

El número de arriba de esta página, en píxeles CSS: eso es lo que ve tu navegador. La resolución física real es la línea siguiente, y si ambas difieren, la línea de densidad dice en cuánto.

¿Por qué mi monitor 4K muestra 2560×1440?

Por el escalado. Al 150 %, un monitor de 3840 píxeles informa 2560 a las aplicaciones para que el texto y los botones no queden a un tercio de su tamaño. El panel sigue teniendo 3840 puntos; la línea de «píxeles reales» los muestra.

¿El área de la página cambia si hago zoom?

Sí, y es lo esperado: el zoom cambia cuántos píxeles CSS caben en la pantalla. Al acercar, el área de la página se reduce en píxeles CSS aunque la ventana no se haya movido. La línea de la pantalla no cambia.

La frecuencia de refresco parece equivocada.

Recarga la página y mantén esta pestaña en primer plano. Los navegadores frenan la animación en pestañas de fondo, así que una medida tomada mientras estabas en otra sale baja. Algunos portátiles además bajan la frecuencia con batería, y entonces el número es correcto: la pantalla se ha ralentizado de verdad.

¿Se envía algo de esto a algún sitio?

No. Todo lo de esta página se lee de tu propio navegador y se te muestra. Nada se envía a un servidor, ni se guarda, ni se registra, y la página funciona sin conexión.

Herramientas relacionadas