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

What is the difference between screen resolution and viewport size?โ–ผ

Screen resolution is the total number of physical pixels on your display (e.g., 1920x1080). Viewport size is the area available for web content inside your browser window, excluding toolbars, scrollbars, and the OS taskbar. Viewport is what matters for responsive web design.

What is Device Pixel Ratio (DPR)?โ–ผ

DPR is the ratio between physical pixels and CSS pixels. A DPR of 2 means each CSS pixel is rendered using 2x2 physical pixels, resulting in sharper text and images. This is common on Retina/HiDPI displays. Web developers use DPR to serve appropriately sized images for high-resolution screens.

Why does my screen resolution look different from the advertised specs?โ–ผ

Display scaling settings in your operating system can make the reported resolution appear different. For example, a 4K (3840x2160) display at 200% scaling reports an effective resolution of 1920x1080 CSS pixels but with DPR 2. Check both the resolution and DPR values together for the full picture.


Related Tools