About This Tool

What is Screen Resolution / DPI?

A tool for checking screen resolution, DPI, viewport size, device pixel ratio, and other display information. Useful for responsive web design, display settings verification, and browser environment identification.

How to Use

  1. Screen information is automatically displayed when you visit the page.
  2. Check screen resolution, viewport size, DPI, and more.
  3. Additional info like touch support and color depth is also available.

Key Features

  • Screen resolution and viewport size
  • Device pixel ratio (DPR) and estimated DPI
  • Color depth and orientation info
  • Browser language, platform, and environment details

Tips

  • A device pixel ratio (DPR) of 2 indicates a Retina display.
  • Common resolutions: FHD (1920x1080), QHD (2560x1440), 4K (3840x2160).
  • Resizing the browser window updates viewport info in real time for responsive design testing.

Frequently Asked Questions

¿Cuál es la diferencia entre resolución de pantalla y tamaño del viewport?

La resolución es el total de píxeles físicos (ej: 1920x1080). El viewport es el área disponible para contenido web dentro del navegador, excluyendo barras de herramientas y barra de tareas. El viewport es lo importante para diseño web responsive.

¿Qué es el Device Pixel Ratio (DPR)?

DPR es la relación entre píxeles físicos y CSS. Un DPR de 2 significa que cada píxel CSS usa 2x2 píxeles físicos, resultando en mayor nitidez. Común en pantallas Retina/HiDPI. Los desarrolladores web usan DPR para servir imágenes apropiadas para pantallas de alta resolución.

¿Por qué mi resolución se ve diferente de las especificaciones?

Los ajustes de escalado del SO pueden hacer que la resolución reportada parezca diferente. Por ejemplo, una pantalla 4K (3840x2160) al 200% reporta 1920x1080 píxeles CSS con DPR 2. Verifica resolución y DPR juntos para la imagen completa.


Related Tools