Screen Resolution Checker

Instantly detect your screen resolution, viewport size, device pixel ratio, aspect ratio, color depth, orientation, and more. No installation required — runs entirely in your browser.

Detecting screen information...

About Screen Resolution Checker

Instantly detect and display your screen resolution, viewport size, device pixel ratio, aspect ratio, color depth, orientation, touch capability, and preferred color scheme. This tool reads information directly from your browser's APIs with no external requests.

Detects 8 screen properties in real time: screen resolution (CSS pixels), viewport size, physical resolution (actual device pixels), aspect ratio, device pixel ratio, color depth, orientation, touch screen support, and color scheme preference. Viewport dimensions update live as you resize the browser window.

Useful for web developers testing responsive designs, designers checking display capabilities, QA testers documenting screen environments, troubleshooting display issues, comparing screen specs across devices, and anyone curious about their display specifications.

No installation, no browser extensions, and no data transmitted anywhere. The tool reads your screen properties using standard browser APIs and displays them instantly. All detection happens client-side for complete privacy. Results can be copied with one click for bug reports or documentation.

Key Features

  • Screen resolution and viewport detection
  • Physical resolution with pixel ratio
  • Aspect ratio calculation
  • Color depth and orientation info
  • Touch screen detection
  • Preferred color scheme detection
  • Live viewport updates on resize
  • One-click copy all information
  • 100% client-side, no data sent

Frequently Asked Questions

What is screen resolution?

Screen resolution refers to the number of pixels your display can show, expressed as width × height (e.g., 1920 × 1080). Higher resolution means more detail and sharper images. CSS pixels may differ from physical pixels due to device scaling.

What is device pixel ratio?

The device pixel ratio (DPR) is the ratio between physical pixels and CSS pixels. A DPR of 2x means each CSS pixel is rendered using 2×2 physical pixels, common on Retina and HiDPI displays. This gives crisper text and images.

Why is my viewport size different from screen resolution?

Viewport size is the visible area of the browser window, which is smaller than the full screen resolution. It excludes the browser chrome (address bar, tabs, etc.), taskbar, and any other system UI elements.

What is color depth?

Color depth indicates how many bits are used to represent the color of each pixel. 24-bit color (8 bits per RGB channel) gives 16.7 million colors. Most modern displays support 24-bit or 32-bit color depth.

Is any information sent to a server?

No. All screen detection happens entirely in your browser using standard web APIs (window.screen, window.innerWidth, etc.). No data is transmitted anywhere. Your screen information remains completely private.

Pro Tips

  • Resize your browser to see viewport dimensions update in real time
  • Use Copy All to quickly share your display specs in bug reports
  • Compare physical resolution vs CSS resolution to understand your DPR
  • Check touch screen detection to verify device capabilities

Related Tools

Other tools that might be useful for your workflow