Screen Resolution Checker
Instantly see your screen resolution, viewport size and pixel ratio.
"What's my screen resolution?" comes up in tech support, responsive design and testing, but the answer is more nuanced than one number — there's the physical screen resolution, the browser's viewport size (which excludes toolbars), and the device pixel ratio that makes high-DPI displays render sharper than their logical size suggests.
This tool reads all of it directly from your browser and displays your screen resolution, the current viewport dimensions, the device pixel ratio and color depth. Resize your window to watch the viewport update live — handy for checking where responsive breakpoints kick in.
How to use Screen Resolution Checker
- 1
Open the tool
It reads your display details automatically.
- 2
Read the values
Screen resolution, viewport, pixel ratio and more.
- 3
Resize to test
Watch the viewport update as you resize the window.
Features
- Screen resolution and viewport size
- Device pixel ratio and color depth
- Live viewport updates on resize
Frequently asked questions
Common mistakes to avoid
- Confusing viewport size with physical screen resolution when setting CSS breakpoints.
- Ignoring device pixel ratio when preparing images for high-DPI displays.
Get new tools in your inbox
One email a month with new tools, guides, and updates. No spam, unsubscribe anytime.