Free tool
What Is My Screen Resolution? A Live Readout With a Scale Drawing
This page reads your screen as the browser reports it and shows the size in real pixels, next to the window and page area you actually design for. The numbers update as you resize or move the window.
Your screen...
The screen to scale, with this browser window where it sits.
Everything is read by your browser on this page. Nothing is uploaded and nothing is stored, other than the text you choose to copy.
Reading the numbers at the top
The large figure is your screen in real pixels. The browser reports a size in points, and the page multiplies it by the pixel ratio to get the hardware count. On a Retina or other high density display those two numbers differ, which is why a laptop that reports 1512 by 982 can still be a screen with far more physical pixels.
Beneath the figure the page adds a plain name when the size matches a known one, such as Full HD or 4K UHD, plus the aspect ratio. If the ratio does not reduce to small whole numbers, the page says about 16:10 or similar, so you get a quick label instead of a long fraction.
On the right, a list of rows gives the details. Below the headline there is also a drawing of the screen to scale, with a box inside it that shows where this browser window sits.
What each row means
| Row | Meaning |
|---|---|
| Screen in pixels | Screen size times the pixel ratio |
| Screen as the browser sees it | The size in CSS units, before the ratio |
| Pixel ratio | How many device pixels sit behind one CSS pixel |
| Free for windows | The screen minus bars such as a dock or taskbar |
| Browser window | The outside size of the window |
| Page area | The space inside the window where the page is drawn |
| Colour depth, wide colour, HDR | What the display and browser report |
| Orientation and touch | Portrait or landscape, and the number of touch points |
The Copy all button puts every row on your clipboard, followed by your browser's identification string. That is handy for a bug report or a message to a developer.
Why the numbers can look wrong
Browser zoom changes the pixel ratio, and with it the pixel numbers. A page cannot read the zoom setting directly, so the tool compares the outer window width with the page width. If they differ by more than a little, a note appears saying the page looks zoomed to about a given percentage, or that a side panel is open. Press Command and 0 on a Mac, or Ctrl and 0 elsewhere, to return to 100 percent and read the real values.
- Display scaling in system settings. A laptop set to a scaled looks-like-a-smaller-screen mode will report the scaled size, not the panel's native one.
- Several monitors. The page reports the screen the window is on, and the scale drawing places the window using that screen's position.
- Phones and tablets. Browsers give the size in CSS units, so a phone with a very sharp screen reports a modest size and a high ratio.
Using the readout for design and testing
Screen size is not the same as the space a layout gets. A visitor with a 1920 wide screen may have a window that is much narrower, with a sidebar or a split view. The page area row is closest to what your CSS media queries see, so use it when you ask why a layout breaks at an odd width.
If you are deciding which widths to design and test for, look at your own site's analytics first, then confirm the layouts hold on the sizes your visitors really use. Our guide to website conversion optimization explains why testing on real device sizes matters before you change a page.
The tool reports what the browser exposes, so it is a fair check of this device and window, not a survey of other people's screens.
Frequently asked questions
What is my screen resolution right now?
It is the large number at the top of the tool, shown in real pixels. The rows beside it also give the size in CSS units, the window and the page area.
Why does my screen look smaller than the specification?
Many systems scale the display so text stays readable. The browser then reports the scaled size and a pixel ratio above 1, and the page multiplies them to show the real pixel count.
What is the pixel ratio?
It is the number of device pixels used for each CSS pixel. A ratio of 2 means a block that is 100 CSS pixels wide is drawn with 200 hardware pixels.
Does browser zoom change the result?
Yes. Zooming changes the pixel ratio, so the pixel figures shift too. The tool warns when it thinks the page is zoomed and tells you how to reset it.
Is the browser window size the same as the screen size?
No. The window can be smaller than the screen, and the page area inside it is smaller again. The scale drawing shows how they relate.
Does this page collect my screen details?
No. The values are read by your browser and shown to you, and nothing is sent or saved.
More free tools
- browser checker: Find your browser, version and system, plus a copyable report for support tickets.
- Aspect ratio calculator: Find a ratio, resize without distortion, and work out crops or bars for a new shape.
- PPI calculator: Work out pixels per inch, dot pitch and physical size from a screen's resolution and diagonal.
- online ruler: An on-screen ruler in cm or inches set to true size with a bank card, with a printable PDF ruler.
- image resizer: Resize pictures by pixels or percent with fit, crop or stretch, presets and file type choices.