🖥️ What Is My Screen Resolution

Instantly see your screen resolution, the real physical pixels behind Windows or Mac scaling, your browser viewport, aspect ratio, color depth and HDR.

✓ Free✓ No Signup Required✓ Browser-Based

Detecting your screen…

What What Is My Screen Resolution Does

This page shows your screen resolution the instant it loads, then explains the number. Browsers report resolution in CSS pixels — the layout units websites use — so a laptop with a 3840 × 2160 panel running at 150% scaling reports 2560 × 1440. Multiplying by the device pixel ratio gives back the physical pixels your display settings and the monitor box quote, and the page does that for you.

Alongside the headline number you get the browser viewport (the area actually available to a page), the available screen area without the taskbar or dock, the aspect ratio, color depth, whether the display reports a wide color gamut or HDR, and the number of touch points. Everything updates live as you resize the window, zoom or rotate a phone.

How to Use What Is My Screen Resolution

  1. Open the page — your resolution appears instantly
  2. Read the physical pixels and device pixel ratio behind any scaling
  3. Compare the browser viewport with the full screen size
  4. Check aspect ratio, color depth, color gamut and HDR support
  5. Copy the details to share with support or a developer

Formula Used by What Is My Screen Resolution

Physical pixels

Physical resolution ≈ CSS resolution × device pixel ratio

Worked example

A laptop reporting 1536 × 864 with a device pixel ratio of 1.25.

  1. 1536 × 1.25 = 1920
  2. 864 × 1.25 = 1080

Result: A 1920 × 1080 (Full HD) panel at 125% scaling.

Common Screen Resolutions

NameResolutionAspect ratio
HD / 720p1280 × 72016:9
WXGA1366 × 768≈ 16:9
Full HD / 1080p1920 × 108016:9
WUXGA1920 × 120016:10
QHD / 1440p2560 × 144016:9
Ultrawide QHD3440 × 1440≈ 21:9
4K UHD3840 × 216016:9
5K5120 × 288016:9
8K UHD7680 × 432016:9

Source: Display resolution — Wikipedia

How to Read Your Result

Why websites see a “smaller” screen

High-density displays pack more pixels into the same space, so the operating system scales everything up to keep text readable. Websites lay out in CSS pixels, which is why a phone with a 1170-pixel-wide panel is treated as about 390 pixels wide. Designers should test with the CSS size; photographers and gamers usually care about the physical one.

Zoom changes the numbers

Browser zoom multiplies the device pixel ratio and shrinks the CSS resolution. At 200% zoom a 1920 × 1080 screen reports 960 × 540. If the result looks wrong, press Ctrl + 0 (⌘ + 0 on a Mac) to reset zoom.

Limitations & Accuracy Notes

  • Physical pixels are estimated from the device pixel ratio, which some browsers round; unusual scaling settings can be off by a pixel or two.
  • With several monitors, the browser reports the screen the window is currently on.
  • Color gamut and HDR reflect what the browser and operating system report, not a hardware measurement.

Frequently Asked Questions

What is my screen resolution?
It is shown at the top of the page as soon as it loads — for example 1920 × 1080. That figure is in CSS pixels, the units websites use. Below it you see the estimated physical pixels, which is the number your display settings and monitor box usually quote.
Why is my resolution lower than my monitor’s?
Because of display scaling. A 3840 × 2160 laptop set to 150% scaling reports 2560 × 1440 CSS pixels with a device pixel ratio of 1.5. Multiply the two and you get the physical resolution back. Browser zoom changes the ratio too, so reset zoom (Ctrl/⌘ + 0) for a clean reading.
What is device pixel ratio?
The number of physical screen pixels per CSS pixel. It is 1 on a standard monitor at 100% scaling, 2 on most Retina Macs and many phones, and 3 on some phones. Higher ratios make text and images sharper at the same layout size.
What is the difference between screen size and viewport?
Screen resolution is the whole display. The viewport is the part of the browser window where the page is drawn — smaller because of the window size, toolbars and tabs. Web designers use viewport width for responsive breakpoints.
How do I check my resolution in Windows or on a Mac?
On Windows, go to Settings → System → Display and read Display resolution. On a Mac, open Apple menu → System Settings → Displays. This page gives the same answer without opening settings, plus the scaling behind it.
What resolution is 1080p, 1440p and 4K?
1080p (Full HD) is 1920 × 1080, 1440p (QHD) is 2560 × 1440, and 4K UHD is 3840 × 2160. All three are 16:9. Ultrawide monitors are often 2560 × 1080 or 3440 × 1440.

References & Further Reading

By OnlineToolHubs Team • September 2026