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

Pregúntale a una web cuál es tu resolución de pantalla y puede responder con un número que no aparece impreso en ningún sitio de la caja de tu portátil. Una máquina 4K reportando 1536x864 no es un bug: es el escalado haciendo su trabajo. Tu pantalla tiene en realidad tres 'resoluciones' distintas, y cada una importa por una razón diferente.

Tres números, una pantalla

Cuando la gente dice 'resolución', mezcla tres mediciones distintas:

• Tamaño de pantalla: el espacio de coordenadas de la pantalla tal como lo presenta el sistema operativo, en píxeles CSS, tras aplicar el escalado.
• Viewport: la parte de ese espacio que tu ventana del navegador ocupa ahora mismo. Redimensiona la ventana y este número cambia; los demás no.
• Píxeles físicos: las luces reales del panel. El número de la caja: 1920x1080, 3840x2160 y así.

Puedes ver los tres en vivo — más la orientación, la profundidad de color y una comparación a pantalla completa — en nuestro test de resolución de pantalla. Redimensiona la ventana del navegador mientras corre y observa cómo el número del viewport se mueve mientras el valor de pantalla se queda quieto. Ese único experimento enseña todo el concepto.

Entonces, ¿cuál es 'tu resolución'? Para comprar un monitor: los píxeles físicos. Para el diseño web y lo que ven los sitios: el tamaño de pantalla en píxeles CSS. Para saber si una ventana de videollamada cabe junto a tus notas: el viewport. Todas son respuestas honestas a preguntas distintas.

Por qué tu portátil 4K reporta 1536x864

Aquí está el enigma que manda a la gente a Google. Un portátil de 14 pulgadas con un panel de 3840x2400 reporta un tamaño de pantalla de 1536x864 a cada sitio web. ¿Te estafó el vendedor? No: el portátil está corriendo al 250% de escalado de pantalla, que es la recomendación por defecto de Windows en pantallas de portátil de alta densidad.

Las matemáticas: divide la resolución física entre el factor de escalado. 3840 ÷ 2.5 = 1536. El SO finge que la pantalla tiene 1536 píxeles CSS de ancho para que los botones y el texto mantengan un tamaño físico legible, y luego pinta cada píxel CSS usando 2.5x2.5 píxeles físicos de detalle afiladísimo. Obtienes la nitidez del 4K con la usabilidad de una resolución mucho menor.

El mismo truco está en todas partes en 2026: un monitor 4K de 27 pulgadas al 150% de escalado reporta 2560x1440. Un teléfono con un panel de 1170x2532 reporta 390x844. El número reportado es la pantalla lógica, no la física, y los sitios web casi siempre ven la lógica.

El device pixel ratio, explicado con café

El device pixel ratio (DPR) es el puente entre los dos mundos. Responde a una pregunta: ¿cuántos píxeles físicos usa la pantalla para dibujar un píxel CSS? DPR 1 significa uno a uno, el viejo mundo de los monitores estándar. DPR 2 significa que cada píxel CSS es un bloque 2x2 de cuatro píxeles físicos, que es lo que Apple bautizó como 'Retina'.

Los dispositivos modernos van más allá. Los teléfonos flagship corren a DPR 3 o más: un píxel CSS respaldado por nueve físicos. Ese portátil escalado al 250% está en DPR 2.5. Por eso el texto en un teléfono se ve imposiblemente suave: el navegador dibuja las letras con muchos más píxeles de los que conoce el layout CSS.

Esto también explica el clásico misterio de la captura de pantalla. Haces una captura de una página que 'cabe' en tu pantalla de 1536x864, y el PNG sale de 3840 píxeles de ancho. Las capturas capturan píxeles físicos, no CSS, así que la imagen es tu ancho CSS multiplicado por el DPR. Tu resolución no cambió; tu regla de medir sí.

Las resoluciones a las que la gente realmente juega

La resolución física sigue siendo la que cuesta dinero y fotogramas. Cada salto hacia arriba multiplica el número de píxeles que tu GPU debe empujar en cada fotograma:

A pesar de una década de marketing 4K, la Encuesta de Hardware de Steam ha mostrado consistentemente 1080p como la resolución de juego más común, con 1440p subiendo con firmeza al segundo puesto. La razón es simple: los jugadores competitivos cambian píxeles por tasa de fotogramas. Una imagen 1080p a 240Hz gana más peleas que una imagen 4K a 60Hz, un tema al que volvemos en los benchmarks de tiempo de reacción.

Si estás decidiendo dónde gastar, resolución y tasa de refresco pelean por el mismo presupuesto. Nuestra lista de verificación del monitor te guía para verificar ambas cuando llegue el nuevo panel.

Por qué los streamers y los teléfonos reportan números tan raros

¿Has notado el overlay de un streamer mostrando un canvas de 1536x864 o 1600x900? Normalmente es un escritorio 4K o 1440p escalado, o una reducción deliberada para que el stream renderice más rápido y el texto se lea en pantallas de teléfono. Los números 'raros' son solo resoluciones físicas divididas entre factores de escalado.

Los teléfonos son el caso extremo. Un iPhone con un panel físico de 1179x2556 a DPR 3 reporta una pantalla CSS de 393x852, un número que parece una errata hasta que multiplicas por tres. Los flagships Android hacen lo mismo con DPR como 2.625 o 3.5, y por eso las estadísticas de pantallas móviles están llenas de valores como 412x915.

Tablets, plegables y consolas portátiles de 120Hz juegan todas al mismo juego en 2026: paneles físicos grandes, pantallas lógicas modestas, y un DPR haciendo la traducción en medio.

Cómo usan realmente estos números los sitios web

El diseño responsive funciona con píxeles CSS, no físicos. Cuando un sitio cambia del layout de escritorio al móvil, está comprobando si tu viewport cruza un breakpoint, típicamente alrededor de 768 o 1024 píxeles CSS de ancho. Tu teléfono reporta 390 píxeles CSS, así que recibe el layout móvil, aunque su panel tenga más píxeles físicos que muchos portátiles.

Esto también explica por qué el zoom del navegador cambia los layouts. Acercar al 125% no añade píxeles; infla el píxel CSS, encogiendo el ancho CSS de tu viewport. Haz suficiente zoom en un escritorio y los sitios te servirán el layout de tablet, un truco que confunde a todo el mundo la primera vez.

Para cualquiera que construya o depure un sitio, la lectura del viewport en vivo del test de resolución de pantalla, actualizándose al redimensionar, es más rápida que abrir las herramientas de desarrollo solo para comprobar un breakpoint.

Cuando una resolución más alta perjudica de verdad

Más píxeles no son gratis. Cuatro costes que conviene conocer antes de perseguir el número más grande:

• Tasa de fotogramas: 4K es exactamente 4x los píxeles de 1080p. Espera aproximadamente la mitad de FPS de la misma GPU, o peor, con los mismos ajustes.
• UI diminuta: ejecuta 4K al 100% de escalado en una pantalla de 27 pulgadas y disfruta entrecerrando los ojos ante texto de 9 puntos. Arréglalo con escalado y vuelves de todos modos a un 1440p lógico.
• Batería: los paneles high-DPI y el trabajo de la GPU para alimentarlos cuestan autonomía real en portátiles y teléfonos; una razón por la que muchos teléfonos vienen ahora con modos de renderizado más bajos por defecto.
• Artefactos de escalado: las apps antiguas que ignoran el escalado DPI se renderizan borrosas en pantallas high-DPI, lo que puede verse peor que un simple panel 1080p.

La conclusión práctica: ajusta la resolución al tamaño de pantalla y a la distancia de visionado, ajusta el escalado a tus ojos, y deja que el DPR haga su trabajo silencioso en segundo plano.

En resumen

Tu pantalla tiene tres resoluciones, y todas son 'correctas': los píxeles físicos del panel, el espacio de coordenadas CSS tras el escalado, y el viewport que ocupa tu ventana del navegador. Si una web reporta 1536x864 en tu máquina 4K, nada está roto: es el escalado al 250% haciendo exactamente lo que debe. Comprueba los tres valores en vivo, multiplica el número CSS por el DPR para verificar el panel, y gasta tu presupuesto de mejora en la resolución que tu GPU y tus ojos realmente pueden usar.