RigCrafty Runs in your browser · Nothing to install

What Is My Screen Resolution?

Your screen details appear below straight away — the real panel resolution, how much Windows or macOS scales it, and what your browser window can actually use.

Your screen resolution—
Screen size in CSS pixels
—
Device pixel ratio (scaling)
—
Browser window (viewport)
—
Available screen area
—
Aspect ratio
—
Colour depth
—
HDR
—
Colour gamut
—
Orientation
—
Touch screen
—
Main pointer
—
Values update live when you resize the window or move it to another screen.

What the numbers mean

The big number is your screen’s physical resolution: how many pixels wide and tall the panel is. It is calculated from the size your browser reports multiplied by the device pixel ratio, which is the scaling your operating system applies. If you use 125% or 150% scaling in Windows, websites see a smaller “CSS pixel” size, but the panel still has its full resolution.

The browser window shows how much space a web page actually gets, which matters for web design and for games running in a browser. Colour depth, HDR and colour gamut tell you what kind of colour your display and browser can show: most screens report 24-bit colour and sRGB, while newer laptops and HDR monitors may report Display P3 or HDR support.

Common resolutions

Want to know how sharp a screen really is? Combine the resolution with the screen size in the PPI calculator.

Frequently asked questions

Why does my resolution look smaller than my monitor’s?

Operating systems scale the desktop on high-resolution screens so text is not tiny. Websites see the scaled size (CSS pixels); this page multiplies it by the pixel ratio to show the real panel resolution.

What is device pixel ratio?

It is how many physical pixels are used for one CSS pixel. A ratio of 1.5 means 150% scaling in Windows; 2 is typical for Retina and many phones.

Is the browser window size the same as my screen resolution?

No. The window (viewport) is the area a web page can use. It is smaller than the screen because of the taskbar, browser toolbars and window borders, and it changes when you resize the window.

My monitor supports HDR but this says No. Why?

Browsers only report HDR when it is turned on in the operating system’s display settings and the browser supports it. Enable HDR in Windows or macOS display settings and reload the page.

Does this page work on phones?

Yes. On phones the physical resolution is usually much higher than the CSS size because of high pixel ratios.

Related

More free tests

Dead pixel testFill the screen with solid colours to spot dead, stuck and hot pixels or backlight bleed.Refresh rate testSee the real refresh rate of your monitor in Hz and check that your 144 Hz screen is not stuck at 60.PPI calculatorWork out pixel density, dot pitch and the physical size of any monitor from its resolution and diagonal.Monitor calibration testCheck black level, white level, gamma and gradient banding with simple test patterns.CPS testHow many clicks per second can you do? 1, 5, 10, 30 and 60 second modes with click rhythm stats.Mouse testCheck every mouse button, the scroll wheel and side buttons, and catch a faulty double click.