Screen Resolution Checker

How to use this tool

1. Open the page: every value is shown straight away, read from your browser.
2. Resize the window, rotate your phone or tablet, or drag the window to another monitor. The values update live.
3. Press Copy as text to copy every value as a plain-text list, handy for a bug report or a support request.

What each value means

Screen resolution (CSS pixels) is the size of your whole screen as web pages see it. On a standard monitor at 100 % scaling it matches the monitor’s real resolution. On high-density screens it is smaller: a laptop with a 2880 × 1800 panel at 200 % scaling reports 1440 × 900.

Physical pixels (estimate) is the screen resolution multiplied by the device pixel ratio. It is usually the native resolution of the panel, and the tool names common ones such as Full HD (1080p), QHD (1440p) or 4K UHD.

Device pixel ratio is how many physical pixels make up one CSS pixel. A value of 1 is a classic monitor, 1.25 or 1.5 is common on Windows laptops with display scaling, 2 is typical of Retina Macs, and 3 of many phones. Browser zoom also changes it.

Viewport (page area) is the part of the window where the page is drawn, without the toolbars and tabs. This is the size web designers target with responsive layouts and media queries.

Available screen is the screen minus permanent system areas such as the Windows taskbar or the macOS menu bar and Dock. Browser window is the outer size of the window, including its frame and toolbars.

Aspect ratio is the shape of the screen, such as 16:9, 16:10 or 21:9 ultrawide. Orientation says whether the screen is in landscape or portrait, with the rotation angle when the browser reports it.

Colour depth is the number of bits used per pixel: 24 bits means 8 bits per channel, and 30 bits means 10 bits per channel. Colour gamut shows the widest range the browser says the screen covers: sRGB, Display P3 or Rec. 2020. HDR display says whether the browser reports a high dynamic range screen. Pinch zoom shows the zoom level when you pinch to zoom on a touch screen.

Why the numbers might surprise you

Web pages never see the real hardware directly. Operating systems scale everything so text stays readable on dense screens, so a 4K monitor at 150 % scaling looks like a 2560 × 1440 screen to the browser. The Physical pixels (estimate) row reverses that calculation. It is exact at 100 % browser zoom, but browsers handle zoom differently, so reset the zoom with Ctrl+0 or Cmd+0 before trusting it. On phones, the result can differ by a few pixels from the advertised resolution because of rounding.

If you use several monitors, the values describe the one the browser window is currently on.