What's My Screen Resolution
Instantly see your screen resolution, browser viewport size, device pixel ratio, color depth, and orientation.
About the What's My Screen Resolution
What's My Screen Resolution shows you exactly how big your display is and how your browser is rendering this page, all at a glance. It reports your full screen resolution, the available screen area, the current browser viewport, your device pixel ratio, the color depth, and the screen orientation. It's the quick answer when a support agent asks for your resolution, when you're testing a responsive website, when you want to confirm a monitor is running at its native size, or when you're simply curious about the difference between your screen size and the space your browser actually gets.
Everything is measured locally by your own browser and nothing is ever sent anywhere. There's no sign-up, no tracking, and no server involved — the values are read directly from your device and displayed on the page. Because it all runs client-side, the readings are instant and the tool keeps working even after you go offline. The browser viewport figure updates the moment you resize the window or rotate your phone, so you can watch the numbers change in real time.
How to use
- Open the page and the values appear automatically after a brief "Detecting…" moment while your browser reports them.
- Read the cards — each labelled tile shows one measurement along with a short hint explaining what it means.
- Resize the window and watch the browser viewport figure update live, which is handy for responsive-design testing.
- Rotate your device (on a phone or tablet) to see the orientation and viewport values change on the fly.
- Click "Copy all as text" to grab every value at once — useful for pasting into a bug report or support ticket.
What the numbers mean
Screen resolution is the full pixel size of your display. Available screen is what's left after operating-system elements like the taskbar or dock, so it's usually a little smaller. Browser viewport is only the visible content area of this browser window, which shrinks when the window isn't maximized or when toolbars are showing. Device pixel ratio tells you how many physical pixels map to each CSS pixel — a value of 2 or 3 indicates a high-density "Retina"-style screen. Color depth is how many bits of color each pixel can show, and orientation reports whether the screen is currently portrait or landscape.
Frequently asked questions
Why is my screen resolution different from the resolution I set in system settings?
Browsers report resolution in CSS pixels, not physical pixels. On a high-density display the physical pixel count is multiplied by the device pixel ratio, so a screen advertised as 2560×1440 may report 1280×720 with a pixel ratio of 2. Multiply the reported size by the pixel ratio to get the physical resolution.
What's the difference between screen resolution and viewport size?
Screen resolution is the size of your entire display. Viewport size is only the part of the browser window where this page is drawn, so it's smaller whenever the window isn't full-screen or when browser toolbars and scrollbars take up space.
Why does the viewport change but the screen resolution stays the same?
Resizing the browser window changes only the viewport, since your physical display hasn't changed size. The screen resolution reflects the monitor itself and stays constant unless you actually switch display modes or connect a different screen.
Is any of this information sent to a server or stored?
No. Every value is read directly by your browser and shown on the page. Nothing is uploaded, logged, or tracked, and the tool continues to work offline once the page has loaded.
What does device pixel ratio tell me?
It's the number of physical screen pixels used to draw one CSS pixel. A ratio of 1 is a standard-density display, while 2 or 3 indicates a high-density screen where images and text look sharper. It's an important number when designing crisp graphics for modern devices.