Cómo usarla
- 1Abre la página: los datos aparecen automáticamente.
- 2Cambia el tamaño de la ventana o gira el móvil para ver cómo se actualizan.
- 3Copia los valores que necesites para tu diseño o soporte técnico.
Resolución de pantalla y viewport
La resolución de pantalla es el tamaño total del monitor en píxeles CSS. El viewport es el área donde el navegador muestra la web, sin barras ni bordes, y es lo que de verdad importa para el diseño responsive y las media queries. Ambos se actualizan en directo al redimensionar la ventana.
Device pixel ratio
En pantallas de alta densidad (Retina y la mayoría de móviles), cada píxel CSS se dibuja con 2 o 3 píxeles físicos. Un móvil con un viewport de 390 píxeles y DPR 3 tiene en realidad 1170 píxeles físicos de ancho. Por eso las imágenes necesitan versiones a 2x para verse nítidas.
Más información del dispositivo
También se muestran la profundidad de color, la orientación, si la pantalla es táctil, el navegador y el sistema operativo detectados, la zona horaria y el idioma. Todo se calcula en tu navegador sin enviar nada.
Preguntas frecuentes
¿Por qué la resolución no coincide con la de mi monitor?
Si el sistema tiene el escalado activado (por ejemplo, al 150 %), el navegador muestra píxeles CSS, no físicos. Multiplica por el device pixel ratio para obtener la resolución real.
¿Qué resolución es la más común?
Varía mucho según el público. En escritorio son habituales 1920 × 1080 y 1366 × 768 y en móvil anchos de 360 a 430 píxeles CSS. Diseña con un layout flexible y no para una resolución concreta.
¿Se guardan mis datos?
No. Todos los valores se leen en tu navegador y no se envían a ningún servidor.
¿No te convencen los resultados?
Habla con Webin Agency sobre webs rápidas y optimizadas para SEO, e-commerce y gestión de Google Ads.