Skip to content

Screen Resolution Checker

Instantly see your screen resolution, browser viewport size, device pixel ratio, aspect ratio, orientation, and color depth. Values update live as you resize the browser window or rotate your device. Useful for web developers testing responsive designs, photographers checking display specs, and anyone troubleshooting a visual issue.

Screen vs Viewport vs Physical Pixels

Screen resolution is your full physical display size in CSS pixels \u2014 what most people mean by "my screen is 1920\u00D71080." Viewport is the usable area inside the browser window where web pages render, which is always smaller than the screen because browser UI (tabs, address bar, scrollbars) takes space. Physical pixels are the actual pixels on your hardware. On Retina or HiDPI displays, each CSS pixel is backed by 2\u00D72 or 3\u00D73 physical pixels \u2014 that's what device pixel ratio (DPR) measures. A viewport of 1024\u00D7768 at DPR 2 has 2048\u00D71536 physical pixels.

Frequently Asked Questions

What's a good screen resolution?+
Depends on the device. 1920\u00D71080 (Full HD) is standard for most laptops and monitors. 2560\u00D71440 (QHD) and 3840\u00D72160 (4K) offer sharper images. Mobile phones commonly range from 750\u00D71334 to 1290\u00D72796. There's no single "best" \u2014 it depends on screen size and viewing distance.
How do I change my screen resolution?+
On Windows: Settings \u2192 System \u2192 Display \u2192 Display resolution. On macOS: System Settings \u2192 Displays. On mobile devices, resolution is fixed by the hardware but you can sometimes change display density.
Why does my viewport size keep changing?+
Every browser resize updates the viewport. On mobile, the address bar collapsing on scroll can also change viewport height. Browser zoom also affects the reported viewport size.

Built by Derek Giordano · Part of Ultimate Design Tools

Privacy Policy · Terms of Service