Online Tool Store Online Tool Store

Screen Resolution Detector

Read your current screen resolution, browser viewport, device pixel ratio, and color depth directly from browser APIs in one report.

🔒 This tool runs entirely in your browser. Your files are never uploaded to a server.

Your display details

Updated from this browser when the window changes.

Screen resolution
1920 × 1080 px
Browser viewport
1280 × 720 px
Device pixel ratio
Color depth
24-bit

Orientation: Landscape

Available screen area: 1920 × 1040 px

Example values appear first; refresh to see the values reported by your device.

How it works

  1. Your browser reports the screen dimensions and available screen area.
  2. The page measures the current browser viewport separately.
  3. It also reads pixel ratio and color depth so you can understand how CSS pixels map to your display.

Screen resolution is the display's width × height in pixels. The viewport is the available page area, while device pixel ratio indicates how many physical pixels may represent one CSS pixel.

FAQ

Why is my viewport smaller than my screen?

The viewport is the part of the page inside the browser window. Browser toolbars, tabs, sidebars, and a non-maximized window all reduce it.

What does device pixel ratio mean?

It compares CSS pixels to physical display pixels. High-density displays commonly report 2 or more, allowing pages to draw sharper graphics.

Is this information sent to a server?

No. The values come directly from browser APIs and remain on this page.

How we compare

FeatureOnline Tool StoreWhatIsMyScreenResolutionBrowser DevTools
No setup or sign-inYesYesBrowser-specific
Viewport and pixel ratio togetherYesVariesYes

For a quick shareable readout without opening developer tools, this page puts the common display values in one place.

Explore related tools

Embed this tool

Paste this on your own site — it stays free, and every file still stays in your visitor's browser, not yours or ours.