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

Las especificaciones de tu pantalla, detectadas al instante — sin necesidad de ajustes del sistema

Probador de viewport responsive

Selecciona un preajuste de ancho para ver cómo se reorganiza el contenido a diferentes anchos de viewport. El indicador de tamaño se actualiza en vivo.

Ancho completo
— px de ancho en este preajuste
Nota: la mayoría de los sitios bloquean los iframes de orígenes cruzados. Este cuadro de previsualización solo simula el ancho.

Referencia de puntos de ruptura de diseño

Puntos de ruptura CSS comunes usados por los frameworks más populares. El ancho de tu viewport actual aparece resaltado.

Nombre Rango de punto de ruptura Uso habitual

Referencia de resoluciones de pantalla comunes

Nombre / Dispositivo Resolución Relación DPR Dispositivos comunes Categoría

User Agent del navegador

Cargando…

¿Qué significa todo esto?

Resolución de pantalla

La resolución de pantalla es el número total de píxeles que puede mostrar tu monitor, expresada como ancho × alto (ej. 1920×1080). Es una propiedad del hardware — no cambia a menos que accedas a la configuración de pantalla y la modifiques. Mayor resolución = más píxeles = imagen más nítida y más contenido visible.

Densidad de píxeles (DPR)

El DPR es la relación entre píxeles físicos y píxeles CSS (lógicos). Un DPR de 2 significa que cada píxel CSS se dibuja usando 2×2 = 4 píxeles físicos, lo que hace que todo se vea más nítido en pantallas «Retina» o «HiDPI». La mayoría de los smartphones modernos tienen DPR ≥ 2; muchos MacBooks tienen DPR = 2; algunos teléfonos Android tienen DPR = 3 o más.

Para desarrolladores web: usa @media (-webkit-min-device-pixel-ratio: 2) o window.devicePixelRatio en JavaScript para servir imágenes de mayor resolución en pantallas HiDPI.

Viewport frente a resolución de pantalla

Tu resolución de pantalla es fija (ej. 1920×1080). Tu viewport es el área de contenido de la ventana del navegador — se reduce cuando redimensionas el navegador, abres herramientas del navegador (DevTools, paneles laterales) o haces zoom. Las media queries CSS responden al tamaño del viewport, no a la resolución de pantalla. El tamaño del viewport mostrado aquí se actualiza en vivo al redimensionar el navegador.

Profundidad de color

La profundidad de color (en bits) determina cuántos colores distintos puede mostrar cada píxel. 24 bits = 16,7 millones de colores («Color verdadero» estándar). 30 bits = 1.070 millones de colores («Color profundo», presente en pantallas profesionales). La mayoría de los monitores modernos son de 24 o 30 bits.

Cómo comprobar la resolución de pantalla en la configuración del sistema

  • Windows 11: Clic derecho en el escritorio → Configuración de pantalla → «Resolución de pantalla»
  • macOS: Menú Apple → Configuración del sistema → Pantallas
  • Ubuntu/Linux: Configuración → Pantallas
  • O simplemente mira la parte superior de esta página — sin necesidad de abrir ningún menú.

Preguntas frecuentes

Tu resolución de pantalla se muestra en la tarjeta «Resolución de pantalla» en la parte superior de esta página. Fue detectada automáticamente por tu navegador mediante la API window.screen. Si tienes una pantalla Retina/HiDPI, la línea «Píxeles físicos» muestra el recuento real de píxeles del hardware (resolución de pantalla × DPR).
El DPR indica cuántos píxeles físicos componen cada píxel lógico CSS. DPR 1 = pantalla estándar. DPR 2 = Retina (tu pantalla tiene 4× los píxeles de una pantalla 1× al mismo tamaño CSS). DPR 3 = presente en muchos teléfonos Android. Mayor DPR significa texto e imágenes más nítidos, pero las imágenes deben servirse a mayor resolución para aprovechar la ventaja.
La resolución de pantalla es el total de píxeles que tiene el hardware de tu monitor (fija). El tamaño del viewport es el área de la ventana del navegador que muestra contenido web — cambia al redimensionar el navegador, hacer zoom, abrir/cerrar DevTools o mostrar/ocultar la barra de direcciones. Las media queries CSS responden al tamaño del viewport, no a la resolución de pantalla. El viewport mostrado aquí se actualiza en vivo al redimensionar.
Clic derecho en el escritorio → Configuración de pantalla → desplázate hasta «Resolución de pantalla». O pulsa Win+I para abrir Configuración y ve a Sistema → Pantalla. También puedes consultar directamente la parte superior de esta página — muestra tu resolución al instante sin necesidad de navegar por menús.
Menú Apple (arriba a la izquierda) → Configuración del sistema → Pantallas. Bajo el nombre de tu pantalla verás la resolución. En versiones antiguas de macOS: Preferencias del sistema → Pantallas. Nota: en los Mac con Retina, macOS puede mostrar una resolución «escalada» (ej. «Parece 2560×1600») — esta es la resolución lógica. La resolución física del hardware es el doble.