Sobre la herramienta: Resolución de pantalla
Esta herramienta muestra la resolución de pantalla, el tamaño de la ventana del navegador y la relación de píxeles (DPR) del dispositivo que estás usando. Es útil para definir los puntos de corte de un diseño responsive, comprobar que un monitor nuevo funciona a su resolución nativa o elegir el tamaño de un fondo de pantalla.
Los navegadores dan la resolución en píxeles CSS, que ya incluyen el escalado del sistema operativo. Multiplica por el DPR para obtener los píxeles físicos del panel.
Cómo se usa
- Abre la página: la resolución de tu pantalla aparece arriba al instante.
- Debajo verás el tamaño de la ventana, la relación de píxeles y los píxeles físicos.
- Cambia el tamaño de la ventana o gira el móvil y los valores cambian en directo.
- Pulsa Copiar toda la información para copiar todos los valores como texto y pegarlos en una consulta o informe de error.
Resolución, viewport y DPR: diferencias
| Valor | Significado |
|---|---|
| Resolución de pantalla | Tamaño total de la pantalla tras el escalado del sistema (píxeles CSS) |
| Área disponible | Pantalla sin la barra de tareas, el Dock o la barra de menús |
| Ventana del navegador | Zona donde se muestra la página web (referencia del diseño responsive) |
| DPR | Píxeles físicos por cada píxel CSS |
| Píxeles físicos | Resolución × DPR, cercano al número real de píxeles del panel |
Por ejemplo, un monitor 4K (3840×2160) con escala del 150 % en Windows muestra 2560×1440 y un DPR de 1,5, es decir, 3840×2160 píxeles físicos.
Resoluciones habituales
| Nombre | Resolución | Relación |
|---|---|---|
| Full HD (1080p) | 1920 × 1080 | 16:9 |
| QHD (1440p) | 2560 × 1440 | 16:9 |
| 4K UHD | 3840 × 2160 | 16:9 |
| WUXGA | 1920 × 1200 | 16:10 |
| UWQHD (ultrapanorámico) | 3440 × 1440 | 21:9 |
Preguntas frecuentes
Tengo un monitor 4K, ¿por qué aparece una resolución menor?
Se está aplicando el escalado del sistema (escala de pantalla de Windows o ajuste de resolución de macOS). El navegador da píxeles CSS divididos por esa escala; fíjate en los píxeles físicos (resolución × DPR).
¿El zoom del navegador cambia los valores?
Sí. Al hacer zoom con Ctrl (⌘) + rueda o +/− cambian el DPR y el tamaño de la ventana en píxeles CSS. Vuelve al 100 % para ver valores exactos.
Mi móvil muestra menos resolución que la de su ficha técnica.
Los móviles tienen un DPR de 2 a 3, así que en píxeles CSS parecen pequeños. Una pantalla de 1179×2556 con DPR 3, por ejemplo, aparece como 393×852. Comprueba que los píxeles físicos coincidan con la ficha.
¿Se guarda o envía esta información?
No. El navegador lee todos los valores en tu dispositivo y los muestra; no se envía nada.