¿Cuál es mi resolución de pantalla?
Ver Resolución de Pantalla detecta al instante la resolución de tu pantalla y muestra tu display en píxeles físicos en cuanto carga la página. También lee el viewport de tu navegador, la relación de píxeles del dispositivo, la profundidad de color y la relación de aspecto, así obtienes un panorama completo de tu pantalla sin abrir ninguna configuración del sistema.
Está pensado para desarrolladores web que prueban diseños responsivos, diseñadores que revisan cómo se ve su trabajo a distintos tamaños, gamers que ajustan la configuración de pantalla y cualquiera que tenga curiosidad por saber exactamente qué hace su monitor o su teléfono. Alterna entre la vista de Resoluciones comunes y la de Breakpoints para comparar tu pantalla con dispositivos estándar y breakpoints CSS en tiempo real.
Cómo usar Ver Resolución de Pantalla
Mira tu pantalla y tu viewport
La página detecta todo automáticamente. Resolución de pantalla muestra los píxeles nativos de tu monitor, y Viewport del navegador muestra el tamaño actual del área de contenido de tu navegador.
Revisa las estadísticas detalladas
Debajo del display principal encontrarás los Píxeles totales en megapíxeles, la Relación de píxeles del dispositivo, la Profundidad de color y la Relación de aspecto. Toca el icono de información de cualquier tarjeta para ver una breve explicación.
Compara con las referencias
Cambia a Resoluciones comunes para comparar tu pantalla con los estándares de escritorio, portátil, tablet y móvil, o a Breakpoints para ver en qué breakpoint CSS cae tu viewport. Las coincidencias aparecen resaltadas.
Copia los datos de tu pantalla
Haz clic en Copiar datos o pulsa Ctrl+C (Cmd+C en Mac) para copiar cada detalle al portapapeles, listo para pegar en un reporte de error o una nota de prueba.
Características
Detección en tiempo real
Cada valor se actualiza al instante cuando ajustas el tamaño de la ventana, cambias el escalado de pantalla o giras tu dispositivo.
Representación visual del dispositivo
Un marco en pantalla alterna entre escritorio, portátil, tablet y móvil para coincidir con tu viewport actual.
Detección del escalado de pantalla
Cuando tu sistema operativo escala la pantalla, muestra la resolución nativa y la escalada junto con el porcentaje exacto de escalado.
Comparaciones de referencia
Compara tu pantalla con las resoluciones comunes de escritorio, portátil, tablet y móvil, con las coincidencias resaltadas.
Indicador de breakpoint CSS
Mira en qué breakpoint de Bootstrap 5 (XS, SM, MD, LG, XL, 2XL) cae actualmente tu viewport.
Copia con un clic
Copia con un clic la resolución nativa, el viewport, el número de píxeles, la DPR, la profundidad de color, la relación de aspecto, el tipo de dispositivo y el breakpoint.
Preguntas frecuentes
¿Cuál es mi resolución de pantalla?
La resolución de tu pantalla es la cantidad de píxeles físicos que tu display puede mostrar, escrita como ancho por alto (por ejemplo, 1920 × 1080). Esta herramienta la detecta automáticamente y la muestra en la tarjeta Resolución de pantalla en cuanto se abre la página.
¿Cómo veo la resolución de mi pantalla en el navegador?
Solo abre esta página. Lee tu resolución directamente desde el navegador con JavaScript, así que no hay nada que instalar ni configurar. Funciona igual en navegadores de escritorio, portátil, tablet y teléfono.
¿Qué significa una resolución como 1920x1080?
Significa que la pantalla mide 1920 píxeles de ancho y 1080 píxeles de alto, lo que equivale a Full HD. En general, más píxeles significan una imagen más nítida. La herramienta etiqueta por ti las resoluciones comunes, como HD, Full HD, QHD, 4K UHD, 5K y 8K UHD, y muestra el total en megapíxeles.
¿Cuál es la diferencia entre la resolución de pantalla y el tamaño del viewport?
La resolución de pantalla es el total de píxeles de tu monitor. El viewport del navegador es el área visible más pequeña donde se dibuja el contenido web, ya que excluye las barras de herramientas del navegador y la barra de tareas del sistema operativo. El viewport cambia cuando ajustas el tamaño de la ventana; tu resolución de pantalla no.
¿Por qué mi resolución es distinta a las especificaciones de mi monitor?
Casi siempre se debe al escalado de pantalla. Los sistemas modernos escalan las pantallas de alta DPI para agrandar el texto, así que un monitor 4K con escalado al 150% reporta una resolución efectiva de 2560 × 1440 mientras su resolución nativa sigue siendo 3840 × 2160. La herramienta muestra ambos valores junto con el porcentaje de escalado.
¿Qué es la relación de píxeles del dispositivo (DPR)?
La relación de píxeles del dispositivo es cuántos píxeles físicos forman un píxel CSS. Una DPR de 2x, común en pantallas Retina y otras HiDPI, significa que cuatro píxeles físicos (2 × 2) representan cada píxel CSS, lo que da texto e imágenes más nítidos. Una DPR más alta indica una pantalla más densa.
¿Cómo funcionan aquí los breakpoints CSS?
Los breakpoints CSS son los anchos del viewport en los que cambia un diseño responsivo. La vista de Breakpoints usa los rangos de Bootstrap 5 — XS (por debajo de 576px), SM, MD, LG, XL y 2XL (1400px en adelante) — y resalta el que corresponde a tu viewport, algo muy útil para probar diseños responsivos.
¿Se envía la información de mi pantalla a algún servidor?
No. Toda la detección se ejecuta por completo en tu navegador con JavaScript. Tu resolución, viewport y detalles del dispositivo nunca se transmiten a nuestros servidores ni a terceros, así que tu privacidad queda totalmente intacta.
¿Puedo usar esto en un teléfono o una tablet?
Sí. Funciona en cualquier dispositivo con un navegador moderno. En teléfonos y tablets puedes girar el dispositivo para ver cómo se actualizan en vivo las dimensiones del viewport, la orientación y la relación de aspecto.
Aún no hay comentarios. ¡Sé el primero en comentar!