What's My Screen Resolution
See your screen resolution plus the aspect ratio, the standard it matches (1080p, 1440p, 4K), and the responsive breakpoint your viewport is at right now.
- Free, no account
- No watermark
- No usage limit
About the What's My Screen Resolution
Most "what's my resolution" pages stop at one number and call it done. That number alone rarely answers the question you actually had. So this one reads your display, then tells you what the numbers mean: the aspect ratio, the named standard your panel matches (1080p, 1440p, 4K and the rest), and the exact responsive breakpoint your browser viewport is sitting in right now. You get your resolution and the context that makes it useful, read entirely on your own device.
The breakpoint readout is the part I'm most attached to, because it turns resizing your window into a live diagnostic. Drag the edge of the browser and watch the marker walk across the breakpoint scale, sm to md to lg to xl, with the exact pixel gap to the next one shown as you go. If you build responsive layouts, that is the fastest way to see which media query is firing without opening dev tools and squinting at the console. And it updates the moment you move, so a bug that only appears "somewhere around tablet width" stops being a guess.
How to use
- Open the page. Your numbers appear after a brief "Detecting..." flash while the browser reports them. Nothing to install, no permission prompt, no sign-up.
- Read the top panel. Three headline stats sit up front: your aspect ratio, the standard resolution your panel matches, and the breakpoint your viewport is in this second.
- Resize the window. Drag a browser edge and watch the breakpoint marker and the viewport figure move live. The scale shows how many pixels remain before the next breakpoint trips.
- Rotate your phone or tablet. Turn it sideways and the orientation flips, the width and height swap, and the aspect ratio re-reads for the new orientation.
- Copy everything. Hit "Copy all as text" to grab the whole readout, aspect ratio and breakpoint included, ready to paste into a bug report or a message to a developer.
- Reload after big changes. Moved the window to a second monitor, or changed your display scaling? Reload so the tool re-reads your setup from scratch.
The aspect ratio and standard your panel actually is
Aspect ratio is the shape of your screen, the width against the height, and it does not change when you resize the window because it describes the panel, not the browser. This tool reduces your dimensions and snaps them to the nearest common name, so a 1920x1080 or 1366x768 monitor both read as 16:9, a business laptop reads 16:10, an ultrawide reads 21:9 or 32:9, and a modern phone lands around 19.5:9 or 20:9. Below the name it shows the raw decimal too (1.78:1 and so on) for when you want the precise number.
The standard match is the other half. Your panel's real pixel count gets compared against the resolutions that actually have names, and the closest one is labeled for you. 2560x1440 comes back as QHD, also sold as 1440p, and 3840x2160 is 4K UHD. If your size does not sit near any named standard, it says so honestly rather than forcing a wrong label, which happens on unusual ultrawides and most phones.
The resolution your browser reports is not the pixel count on the panel, and that catches a lot of people. On a high-density display the browser works in CSS pixels, and it divides the physical count by the device pixel ratio. A laptop with a 2560-pixel-wide panel at a pixel ratio of 2 reports its screen as 1280 wide, because 2560 divided by 2 is 1280, and both numbers are legitimately true. That is why this tool shows physical resolution as its own line, worked out by multiplying the reported size by the pixel ratio, so you can see the real panel size next to the logical one.
Screen, viewport, and window are three different sizes
These get used as if they mean the same thing, and that mix-up is where most of the confusion starts.
Screen resolution is your whole display as the browser sees it, from screen.width and screen.height. It ignores where your window is or how big it is, because it describes the panel itself.
Available screen is that display minus the space the operating system reserves for itself, the Windows taskbar or the macOS dock and menu bar. A taskbar 48 pixels tall turns a 1920x1080 screen into roughly 1920x1032 available.
Browser viewport is the part of the window your page actually draws into, from window.innerWidth and window.innerHeight. It drops the tabs, the address bar, the taskbar, and the window borders, and it shrinks the moment the window is not maximized. This is the number that matters most for web work, because CSS media queries and the breakpoint readout above both respond to the viewport, never to the screen. That's also why the viewport is nearly always the smallest of the numbers, even maximized.
Why zoom and scaling move your numbers
Browser zoom quietly rewrites all of this. Zooming in with Ctrl or Cmd plus reports a smaller viewport and can raise the device pixel ratio, so a page can hit its mobile breakpoints on a large monitor purely because you are zoomed in. If you want readings that reflect your actual hardware and not your zoom level, reset the browser to 100 percent first. Display scaling in the operating system does the same thing at the system level, which is why a "1080p" laptop can keep reporting a smaller size.
Frequently asked questions
What aspect ratio is my screen, and how is it worked out?
The tool takes your screen width and height, reduces them to their simplest form, and matches that against the common named ratios. You will land on 16:9 for most monitors and TVs. Many laptops are 16:10, which gives you a little more vertical room. Ultrawides are 21:9 or 32:9, and recent phones are usually near 19.5:9 or 20:9. If your exact shape does not match a standard name closely, it shows the reduced ratio or the plain decimal instead of guessing wrong. Aspect ratio comes from the panel, so it stays put when you resize the window.
Which responsive breakpoint am I at right now?
The top panel names it live, using the widely-used min-width breakpoints (base under 640, sm at 640, md at 768, lg at 1024, xl at 1280, and 2xl at 1536 pixels). Your current band is highlighted, with a plain-language device label and the pixel distance to the next breakpoint. Resize the window and it moves in real time, which is the quick way to confirm which media query is active without opening dev tools. It keys off the viewport width, so it reflects your browser window, not your whole monitor.
Does this show my monitor's true native resolution?
Not directly on a scaled or high-density display. The main resolution line is the logical CSS size the browser sees. The physical resolution line shows the real panel size, worked out by multiplying the CSS size by the device pixel ratio. On a plain monitor at a pixel ratio of 1 with no scaling, the two lines match and both equal your native resolution.
Why does my screen resolution say 1536x864 when I set my monitor to 1080p?
That is Windows display scaling at work. At 125 percent scaling a 1920x1080 panel reports its browser resolution as 1536x864, because everything is enlarged to stay readable, though the panel itself is still Full HD. Check the physical resolution line and you will see it come back to 1920x1080. This is easily the most common reason people think their resolution is "wrong."
Why did my aspect ratio or breakpoint not change when I moved to another monitor?
Some values are read once when the page loads. The viewport and breakpoint update live on resize, and the aspect ratio describes the panel rather than the window, so it only moves when you rotate the device. Dragging the window onto a second monitor with a different resolution or pixel ratio may not refresh on its own. Reload the page after moving windows, changing scaling, or plugging in a new display, so the tool re-reads everything for your current setup.
What does device pixel ratio mean, and why does it matter?
It is the count of physical screen pixels used to draw one CSS pixel. A ratio of 1 is a standard-density display where the two match. A ratio of 2 or 3 is a high-density screen, where text and images look sharper because each CSS pixel is backed by four or nine physical pixels. Developers read it to decide whether a screen needs 2x or 3x images, and it shifts with browser zoom as well as hardware.
Is any of this sent to a server or stored anywhere?
No. Every value is read directly by your browser and shown on the page. Nothing is uploaded, logged, or tracked, and the copy button only puts the text on your own clipboard. The page keeps working offline once it has loaded.