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

Quelle est la différence entre résolution d'écran et taille du viewport ?

La résolution est le nombre total de pixels physiques (ex : 1920x1080). Le viewport est la zone disponible pour le contenu web, hors barres d'outils et barre des tâches. Le viewport est ce qui compte pour le design responsive.

Qu'est-ce que le Device Pixel Ratio (DPR) ?

Le DPR est le ratio entre pixels physiques et CSS. Un DPR de 2 signifie que chaque pixel CSS utilise 2×2 pixels physiques, rendant texte et images plus nets. Courant sur les écrans Retina/HiDPI.

Pourquoi ma résolution semble-t-elle différente des spécifications ?

Les paramètres de mise à l'échelle de l'OS peuvent faire apparaître la résolution différemment. Un écran 4K (3840x2160) à 200% rapporte 1920x1080 pixels CSS avec DPR 2. Vérifiez résolution et DPR ensemble.


Related Tools