Tu Resolución de Pantalla
Resolución de Pantalla
—
Detectando…
Tamaño del Viewport
—
Ventana del navegador (px CSS)
Relación de Píxeles
—
Px físicos por px CSS
Detalles de Pantalla
Color y Píxeles
Referencia de Resoluciones de Pantalla Comunes
Tabla completa de resoluciones de pantalla estándar desde HD hasta 8K — incluyendo relación de aspecto, total de píxeles y usos típicos.
| Resolución | Nombre |
|---|---|
| 1280 × 720 | HD · 720p |
| 1366 × 768 | HD |
| 1440 × 900 | WXGA+ |
| 1600 × 900 | HD+ |
| 1920 × 1080 | Full HD · 1080p |
| 1920 × 1200 | WUXGA |
| 2048 × 1080 | 2K DCI |
| 2560 × 1080 | UltraWide FHD |
| 2560 × 1440 | QHD · 2K |
| 2560 × 1600 | WQXGA |
| 3440 × 1440 | UltraWide QHD |
| 3840 × 1600 | UltraWide 4K |
| 3840 × 2160 | 4K UHD |
| 4096 × 2160 | 4K DCI |
| 5120 × 1440 | Dual QHD |
| 5120 × 2880 | 5K |
| 7680 × 4320 | 8K UHD |
¿Qué es la Resolución de Pantalla?
Los fundamentos de la resolución de pantalla — qué significa, cómo se mide y por qué importa.
Resolución = Ancho × Alto en Píxeles
La resolución de pantalla es el número de píxeles individuales que puede mostrar una pantalla, expresado como ancho × alto. Una pantalla 1920×1080 renderiza 1.920 columnas y 1.080 filas de píxeles — 2.073.600 píxeles en total. Una resolución mayor significa más píxeles en la misma área física, produciendo imágenes más nítidas y detalladas. La resolución es la especificación más importante que afecta a la nitidez y a la cantidad de contenido que cabe en pantalla.
¿Qué es un Píxel?
Un píxel (picture element) es la unidad mínima direccionable de una pantalla digital. Cada píxel está compuesto de tres subpíxeles — rojo, verde y azul (RGB) — cuyas intensidades individuales se combinan para producir cualquiera de los 16,7 millones de colores disponibles en profundidad de color de 24 bits. En pantallas de alta DPI como Apple Retina, AMOLED y monitores 4K, el paso físico entre píxeles es tan pequeño que los píxeles individuales son invisibles a distancias de visualización típicas.
Relación de Aspecto Explicada
La relación de aspecto es la relación proporcional entre anchura y altura. 16:9 es el estándar casi universal para monitores, TVs y portátiles modernos — significa que por cada 16 unidades de anchura hay 9 de altura. Los monitores 16:10 (usados por MacBook Pro y algunos monitores profesionales) ofrecen un viewport ligeramente más alto. Las pantallas ultrawide 21:9 reemplazan a dos monitores en paralelo. 4:3 era el estándar antiguo de TV y CRT.
Resolución vs Tamaño de Pantalla
Una pantalla más grande no significa automáticamente una imagen más nítida. Un monitor 1080p de 32 pulgadas parece borroso de cerca porque los 2 millones de píxeles se distribuyen en un área mucho mayor. Una pantalla 4K de portátil de 15 pulgadas se ve extraordinariamente nítida porque 8 millones de píxeles se compactan en un área pequeña. Por eso la densidad de píxeles (PPI) — no la resolución bruta ni el tamaño físico — es la verdadera medida de la nitidez.
Densidad de Píxeles, PPI y Relación de Píxeles del Dispositivo
Cómo se mide realmente la nitidez — y por qué la resolución reportada de tu pantalla puede diferir de su resolución física.
PPI / DPI
Píxeles por Pulgada
PPI (píxeles por pulgada) mide cuántos píxeles se empaquetan en una pulgada lineal de pantalla. Un monitor 1080p de 24" tiene aproximadamente 92 PPI — cómodo para escritorio pero no suficientemente nítido para uso móvil cercano. Un teléfono de 6" a 1080p tiene aproximadamente 367 PPI — muy por encima del umbral donde los píxeles individuales son visibles. Apple llama a su umbral de alta PPI "Retina" (roughly 300+ PPI a distancia de teléfono).
DPR
Relación de Píxeles del Dispositivo
La Relación de Píxeles del Dispositivo (DPR) es la proporción de píxeles físicos respecto a los píxeles CSS lógicos. Un DPR de 2 (común en pantallas Retina y la mayoría de smartphones modernos) significa que cada 1 píxel CSS se renderiza usando 2×2 = 4 píxeles físicos. Por eso un MacBook Pro con pantalla física 2560×1600 puede reportar una resolución de 1280×800 en window.screen — el navegador trabaja en píxeles CSS, no físicos.
Profundidad de color
Profundidad de bits y Color
La profundidad de color (bits) determina cuántos colores distintos puede mostrar cada píxel. El estándar moderno es True Color de 24 bits — 8 bits por canal RGB — produciendo 16.777.216 colores posibles por píxel. Las pantallas profesionales admiten color de 10 bits (contenido HDR, 1.070 millones de colores) y algunos monitores de cine alcanzan 12 bits. La mayoría de monitores de consumo reportan profundidad de color de 24 bits en el navegador.
Cómo Comprobar la Resolución en Cualquier Dispositivo
Pasos integrados en el SO para encontrar tu resolución de pantalla sin ninguna herramienta — y cuándo usar este comprobador online.
Windows 10 / 11
Haz clic derecho en el escritorio → Configuración de pantalla → desplázate hasta Resolución de pantalla. El menú desplegable muestra tu resolución actual y todas las resoluciones admitidas. Para configuraciones de varios monitores, haz clic en la vista previa numerada del monitor y ajusta cada uno de forma independiente. Alternativamente: Configuración → Sistema → Pantalla → Escala y diseño → Resolución de pantalla.
macOS
Menú Apple → Preferencias del Sistema (o Configuración del sistema) → Pantallas. La resolución mostrada es la resolución escalada (píxeles CSS/lógicos). Para ver la resolución física nativa, mantén Opción y haz clic en Escalado — esto revela las dimensiones reales en píxeles. En los Mac Retina, la resolución física suele ser 2× la resolución lógica reportada (p. ej., 2560×1600 física en un MacBook de 1280×800 lógico).
iPhone y iPad (iOS / iPadOS)
iOS no expone directamente la resolución de pantalla en Configuración. Para encontrarla: Configuración → General → Información — esta página no muestra la resolución. La resolución de tu modelo específico se puede encontrar en la página de especificaciones técnicas de Apple. Alternativamente, esta herramienta online lee window.screen directamente y muestra las dimensiones en píxeles CSS y la relación de píxeles del dispositivo.
Android
Configuración → Acerca del teléfono → Pantalla (varía según el fabricante). Algunas capas de Android (Samsung One UI, MIUI) incluyen la resolución de pantalla en Configuración → Pantalla → Resolución de pantalla donde incluso puedes cambiar entre HD, FHD y QHD. Si tu configuración Android no muestra la resolución directamente, este comprobador de resolución online es la forma más rápida de confirmar tu resolución activa actual.
Preguntas Frecuentes
Preguntas comunes sobre resolución de pantalla, configuración de monitores y densidad de píxeles.
1920×1080 (Full HD / 1080p) es con diferencia la resolución de pantalla más común en todo el mundo para escritorios, portátiles, monitores de gaming y TVs. En móviles, 1080×2400 y variantes similares de 1080p dominan los smartphones Android. La segunda resolución de escritorio más común en todo el mundo es 1366×768, presente en cientos de millones de portátiles económicos todavía en uso activo.
Los navegadores reportan la resolución en píxeles CSS lógicos, no en píxeles físicos. En pantallas de alta DPI (Retina, AMOLED, pantallas de portátil 4K), el sistema operativo aplica un factor de escala de pantalla. Por ejemplo, un MacBook Pro con pantalla física 3456×2234 funciona al 200% de escala — el navegador ve 1728×1117. Esto es intencional: evita que el texto y los elementos de la interfaz sean microscópicos. La Relación de Píxeles del Dispositivo (DPR) mostrada en esta herramienta indica el factor de escala en uso.
La resolución de pantalla (screen.width × screen.height) es el total de píxeles de tu monitor en píxeles CSS. El tamaño del viewport (window.innerWidth × window.innerHeight) es el área visible dentro de la ventana del navegador — se reduce cuando hay elementos del navegador abiertos (barra de direcciones, barra de favoritos, herramientas de desarrollador), y aumenta en modo pantalla completa. Los desarrolladores web usan dimensiones del viewport para los puntos de interrupción del diseño responsivo.
Para gaming, la resolución es un equilibrio entre calidad visual y tasa de fotogramas. 1080p (1920×1080) es ideal para gaming competitivo — menor carga GPU permite tasas de fotogramas más altas (144 Hz+). 1440p (2560×1440) ofrece un sólido equilibrio entre nitidez y rendimiento para GPUs de gama media-alta modernas. 4K (3840×2160) ofrece imágenes impresionantes pero requiere hardware de primer nivel (clase RTX 4080/4090) para mantener fotogramas fluidos. Las resoluciones ultrawide (21:9) añaden inmersión para juegos de un jugador pero pueden no ser compatibles con todos los títulos competitivos.
Windows: Haz clic derecho en el escritorio → Configuración de pantalla → Resolución de pantalla → selecciona del menú desplegable. macOS: Preferencias del Sistema → Pantallas → Resolución → selecciona Escalado y elige la resolución deseada. Nota: seleccionar una resolución inferior a la nativa provoca escalado que reduce la nitidez. Para la imagen más nítida, utiliza siempre la resolución nativa del monitor. En monitores de alta DPI, usa el factor de escala del SO (125%, 150%, 200%) en lugar de reducir la resolución para ampliar el texto.
4K (3840×2160) se refiere a aproximadamente 4.000 píxeles horizontales — cuatro veces el número de píxeles que 1080p. Si vale la pena depende del tamaño de la pantalla y el uso. En un monitor de 27"–32" a distancia de escritorio típica (~60 cm), 4K proporciona texto e imágenes notablemente más nítidos comparado con 1080p. Para edición de vídeo, fotografía y diseño, 4K vale la pena por el espacio de pantalla adicional y la precisión de píxeles. Para gaming puro, el coste de GPU de renderizar 4K puede no compensar la ganancia visual sobre 1440p a menos que tengas hardware de primer nivel.