Screen Resolution Checker
Check your screen resolution, viewport size, device pixel ratio, color depth and touch support — live values that update as you resize.
About the Screen Resolution Checker
This tool shows everything about your display in one glance: your live browser viewport size (updating in real time as you resize the window), your screen resolution, the available desktop area minus taskbars, device pixel ratio, the actual physical pixel count, color depth, orientation and whether your device supports touch.
The distinction between these numbers matters more than ever. Modern phones and laptops use high-density screens where the physical resolution is 2–3× the CSS resolution websites see — a phone advertising 2556×1179 pixels may report a 393×852 viewport. The device pixel ratio shown here is exactly that multiplier.
Web designers and developers use this page to debug responsive layouts and media queries, testers use it to document their environment in bug reports (there's a one-click copy summary for exactly that), and everyone else uses it to quickly answer "what resolution is my monitor?" without digging through system settings.
How to Use the Screen Resolution Checker
- 1Open the page — all display values are detected instantly.
- 2Resize your browser window and watch the viewport numbers update live.
- 3Review screen resolution, pixel ratio, color depth, orientation and touch support.
- 4Click "Copy summary" to paste all values into a bug report or message.
Frequently Asked Questions
What is the difference between screen resolution and viewport size?
Screen resolution is your whole display as reported to the browser, e.g. 1920×1080. The viewport is only the part showing the web page — it shrinks when the window isn't maximised and excludes browser toolbars. Responsive websites react to the viewport, not the screen, which is why the live viewport numbers here are the ones designers care about.
What is device pixel ratio (DPR) and why is mine 2 or higher?
DPR is how many physical pixels your screen packs into one CSS pixel. Retina MacBooks report 2, most flagship phones 2.6–3.5. A DPR above 1 means text and images render extra sharp, and the "actual pixels" figure — resolution multiplied by DPR — matches the number in your device's marketing specs. Desktop zoom also raises the reported DPR.
Why is my screen resolution reported lower than my monitor's specs?
Operating system display scaling is the usual cause. A 4K monitor at Windows 150% scaling reports 2560×1440 to the browser, because everything is drawn larger for readability. Multiply the reported resolution by the device pixel ratio and you recover the true 3840×2160 panel — exactly what the "actual pixels" stat on this page calculates for you.
What does 'available size' mean and why is it smaller than the resolution?
Available size is the desktop space a maximised window can actually occupy: the full resolution minus permanent operating-system interface elements like the Windows taskbar or the macOS menu bar. It's useful for predicting how big a browser window can really get, and it changes if you move or auto-hide your taskbar.
Is any of this display information sent to a server?
No. Every value comes from standard JavaScript properties like window.innerWidth, screen.width and devicePixelRatio, read locally in your browser and rendered straight to the page. Nothing is transmitted, logged or stored — the copy-summary button simply puts the text on your own clipboard for you to paste wherever you need it.