Detalles de la pantalla y la ventana
Salvo que se indique lo contrario, los tamaños están en píxeles CSS, la unidad que usan las webs. Pon el zoom del navegador al 100% (Ctrl+0, o ⌘0 en Mac) para obtener cifras exactas.
- Resolución de pantalla
- Comprobando… El tamaño de tu pantalla tal como lo ven las webs.
- Resolución física
- Comprobando…Resolución de pantalla × relación de píxeles: los píxeles reales del panel.
- Viewport (ventana del navegador)
- Comprobando… La parte de la página que ves, sin las barras de herramientas.
- Ventana completa del navegador
- Comprobando…
- Pantalla disponible
- Comprobando…La pantalla sin la barra de tareas, el Dock o la barra de menús.
- Relación de píxeles del dispositivo
- Comprobando…
- Relación de aspecto
- Comprobando…
- Orientación
- Comprobando…
- Profundidad de color
- Comprobando…
- Gama de colores
- Comprobando…
- HDR
- Comprobando…
- Frecuencia de actualización
- Comprobando…
- Pantalla táctil
- Comprobando…
- Monitores
- Comprobando…
Tu viewport en tu pantalla
El recuadro exterior es tu pantalla; el recuadro sombreado es la parte visible de esta página, donde está la ventana de tu navegador.
Resoluciones de pantalla habituales
Los tamaños de monitores y portátiles están en píxeles físicos; los de móviles y tabletas, en píxeles CSS, tal como los ven las webs. Las filas que coinciden con tu pantalla están marcadas.
| Nombre | Resolución | Relación de aspecto | Uso habitual |
|---|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 | Televisores HD, portátiles pequeños |
| WXGA | 1366 × 768 | 16:9 | Portátiles económicos |
| HD+ | 1600 × 900 | 16:9 | Portátiles de 17 pulgadas, monitores antiguos |
| Full HD (1080p) | 1920 × 1080 | 16:9 | La mayoría de monitores y portátiles |
| WUXGA | 1920 × 1200 | 16:10 | Monitores de oficina, portátiles |
| QHD / 2K (1440p) | 2560 × 1440 | 16:9 | Monitores de 27 pulgadas, gaming |
| WQXGA | 2560 × 1600 | 16:10 | MacBook Air y Pro, portátiles 16:10 |
| UWQHD | 3440 × 1440 | 21:9 | Monitores ultrapanorámicos de 34 pulgadas |
| 4K UHD (2160p) | 3840 × 2160 | 16:9 | Monitores y televisores 4K |
| 5K | 5120 × 2880 | 16:9 | iMac, Apple Studio Display |
| iPhone 12 / 13 / 14 | 390 × 844 | 19.5:9 | iPhone (píxeles CSS) |
| iPhone 15 / 16 | 393 × 852 | 19.5:9 | iPhone (píxeles CSS) |
| Android | 412 × 915 | 20:9 | Móviles Android (píxeles CSS) |
| iPad | 810 × 1080 | 4:3 | iPad (píxeles CSS) |
¿Qué navegador tengo?Comprueba la huella digital de tu navegador
Qué es la resolución de pantalla
La resolución de pantalla es el número de píxeles que muestra tu pantalla a lo ancho y a lo alto, expresado como ancho × alto. Un monitor Full HD tiene 1920 × 1080: 1920 píxeles de ancho y 1080 de alto, unos dos millones de píxeles en total.
Más píxeles en una pantalla del mismo tamaño significan textos e imágenes más nítidos. Por eso un portátil de 13 pulgadas puede tener más resolución que un monitor de oficina de 24 pulgadas.
Por qué tu resolución parece menor que la de tu monitor
Windows, macOS, iOS y Android lo amplían todo para que el texto se lea bien en pantallas nítidas. Un portátil con un panel de 1920 × 1080 y escalado al 125% indica a las webs que su pantalla mide 1536 × 864, y un MacBook con un panel de 2560 × 1600 suele indicar 1440 × 900 o 1470 × 956.
Las webs solo ven estos tamaños escalados, llamados píxeles CSS. Multiplícalos por la relación de píxeles del dispositivo para obtener la resolución física, que esta página muestra bajo el número principal. El zoom del navegador también cambia la relación de píxeles, así que vuelve a ponerlo al 100% antes de comparar.
Resolución de pantalla, viewport y tamaño de la ventana
- Resolución de pantalla: toda la pantalla, incluidas las partes que tapan otras ventanas.
- Pantalla disponible: la pantalla sin la barra de tareas, el Dock o la barra de menús.
- Ventana del navegador: la ventana entera, con las pestañas, la barra de direcciones y los bordes.
- Viewport: la parte de la ventana que muestra la página. Es el tamaño con el que los diseñadores web prueban sus diseños, y cambia cuando redimensionas la ventana o abres las herramientas para desarrolladores.
Cómo cambiar la resolución de pantalla
- Windows 11 y 10: clic derecho en el escritorio > Configuración de pantalla > Resolución de pantalla. La marcada como (Recomendado) es la resolución nativa de tu monitor. La escala se ajusta justo encima.
- macOS: menú Apple > Ajustes del Sistema > Pantallas y elige un tamaño. «Texto más grande» usa menos píxeles CSS, pero más grandes; la resolución física del panel no cambia.
- iPhone y Android: la resolución es fija. El zoom de pantalla (iPhone) o el tamaño de visualización (Android) cambia lo grande que se ve todo, y con ello el tamaño CSS que ven las webs.
- Para la imagen más nítida, mantén la resolución nativa y cambia el escalado.
Preguntas
¿Cuál es la resolución de mi pantalla?
Aparece en la parte superior de esta página, leída desde tu navegador. El número grande es el tamaño que ven las webs; la línea de debajo indica la resolución física de tu pantalla y el escalado que usa tu sistema.
¿Por qué aparece 1536 × 864 si mi monitor es de 1920 × 1080?
Tu sistema tiene el escalado al 125%, así que las webs ven una pantalla 1,25 veces más pequeña. La resolución física sigue siendo 1920 × 1080, como se muestra bajo el número principal. Del mismo modo, un escalado del 150% convierte 1920 × 1080 en 1280 × 720.
¿1920 × 1080 es lo mismo que 1080p y 2K?
1920 × 1080 es Full HD, también llamado 1080p. En monitores, 2K suele referirse a 2560 × 1440 (QHD o 1440p), aunque el 2K de cine es 2048 × 1080. 4K UHD es 3840 × 2160, cuatro veces más píxeles que 1080p.
¿Qué es el tamaño del viewport?
El viewport es la zona de la ventana del navegador que muestra la página, sin pestañas, barra de direcciones ni barras de desplazamiento. Es el tamaño al que se adaptan las webs responsive, así que es lo que quieren saber los diseñadores cuando te preguntan el tamaño de tu navegador.
¿Qué es la relación de píxeles del dispositivo?
Es cuántos píxeles físicos forman un píxel CSS. Una relación de 1 significa que no hay escalado, 2 es lo típico en los Mac con pantalla Retina y en muchos móviles, y 3 en los iPhone recientes. El zoom del navegador también la cambia.
¿Cómo veo la resolución de pantalla de mi móvil?
Abre esta página en el móvil. Los móviles indican píxeles CSS, por ejemplo 393 × 852 en un iPhone 15. Multiplica por la relación de píxeles (3 en ese iPhone) para obtener los 1179 × 2556 píxeles del panel; esta página hace el cálculo por ti.
¿La frecuencia de actualización es exacta?
Se mide según la frecuencia con la que el navegador dibuja un fotograma, así que es aproximada, no exacta. El ahorro de batería, una pestaña en segundo plano o un ordenador muy cargado pueden hacer que marque menos de lo que tiene configurado tu pantalla.
Guías
- ¿Qué es una dirección IP?
Una dirección IP es el número que le indica a internet adónde enviar los datos que son para ti. Aquí verás cómo es, qué tipos existen y qué dice de ti la tuya.
- Cómo saber cuál es mi dirección IP
Tu IP pública se consulta con un clic. La IP privada depende del dispositivo. Aquí tienes los pasos exactos para cada uno.
- IPv4 vs IPv6: ¿cuál es la diferencia?
IPv6 sustituye a IPv4 porque el mundo se quedó sin direcciones. Aquí verás cómo se comparan, cómo saber cuál usas y por qué IPv6 importa si usas una VPN.
- ¿Qué es una fuga de DNS y cómo se soluciona?
Aunque tengas la VPN activada, tu dispositivo puede seguir preguntando a tu proveedor de internet por cada sitio que visitas. Eso es una fuga de DNS. Así se detecta y se corta.