Screen Resolution Checker

See your screen resolution instantly. This tool reads your screen size, available area, viewport, device pixel ratio, color depth, and orientation directly in the browser and updates them live as you resize, zoom, or rotate — no installation, everything processed locally.

Your Screen Information
Live
Screen resolution (CSS px)
—
Physical resolution (approx.)
—
Available screen area—
Browser viewport—
Page layout area—
Device pixel ratio—
Orientation—
Aspect ratio—
Color depth—
Color gamut—
HDR support:—

Tip: reset browser zoom (Ctrl/Cmd + 0) for an exact physical resolution reading.

🔒 All measurements are taken locally in your browser. Nothing is uploaded.

Check Your Screen Resolution Online Instantly

This screen resolution checker lets you verify your display's CSS resolution, physical pixel resolution, viewport size, device pixel ratio, color depth, color gamut, and HDR support. Whether you are checking a 4K monitor, a Retina laptop, or a mobile phone, values update live as you resize, zoom, or rotate — no download required.

📐
Complete Display Info

See your screen resolution, available screen area, browser viewport, device pixel ratio, color depth, color gamut, orientation, and aspect ratio — all in one place.

⚡
Live Updates

Values update in real time as you resize the window, zoom, rotate a mobile device, or move the window to another monitor.

🔍
Physical Resolution Estimate

We combine the CSS pixel size with your device pixel ratio to estimate the physical pixel resolution your monitor actually renders.

🎨
Color Output Details

Check color depth (bits per pixel) and the color gamut your display reports — sRGB, DCI-P3, or Rec. 2020 — plus HDR support.

📱
Works on Every Device

No special browser APIs are required. The checker runs on desktops, laptops, tablets, and phones in any modern browser.

🔒
100% Private

Nothing is uploaded. Every measurement is read and displayed locally in your browser — no accounts, no tracking, no server round-trips.

🖥️
Physical Resolution Estimate

CSS pixels are a logical unit, so the checker multiplies the reported size by your device pixel ratio to estimate the real pixel count your panel renders.

🔄
Orientation and Aspect Ratio

See whether the display is currently landscape or portrait and which ratio it uses — 16:9, 16:10, 21:9, or 32:9 — with both dimensions swapping live when a device rotates.

🧮
Available Screen Area

Read the area left over after the taskbar, Dock, and system bars are subtracted, which is the space a maximized window actually receives.

📊
Reference Resolution Table

Compare your reading against a reference list of the resolutions in current use, from HD 720p through 4K UHD and ultrawide panels, with the aspect ratio and typical use of each.

🔎
Zoom-Aware Readings

Browser zoom changes the reported device pixel ratio, so the page explains how zoom affects each value and how to reset it for an exact physical measurement.

🧭
Multi-Monitor Comparison

Drag the window between displays and the card re-measures automatically, making it a fast way to compare the resolution and scaling of two monitors side by side.

Supported Scenarios & Limitations

Quickly check whether Screen Resolution is the right tool for your needs. The lists below show exactly what this browser-based tool can and cannot do.

Works With

  • Full HD 1080p (1920 × 1080) monitors
  • QHD 1440p (2560 × 1440) displays
  • 4K UHD (3840 × 2160) monitors and TVs
  • Ultrawide (3440 × 1440, 21:9) monitors
  • Retina / HiDPI displays (DPR ≥ 2)
  • Laptop screens (including scaled 4K laptops)
  • External monitors (DisplayPort, HDMI, USB-C)
  • Mobile phones and tablets (portrait & landscape)
  • Multi-monitor setups (drag window to re-measure)
  • HDR displays and wide-gamut (DCI-P3, Rec. 2020) screens

Not Supported

  • Change or set your screen resolution (use OS display settings)
  • Adjust display scaling or DPI (use OS settings)
  • Fix dead or stuck pixels (use our Dead Pixel Test)
  • Test monitor refresh rate (use our Refresh Rate Test)
  • Calibrate colors, brightness, or contrast
  • Detect physical panel damage or hardware faults

Screen Resolution only verifies whether input events reach the browser. It cannot determine whether a failure is caused by hardware, drivers, firmware, or the operating system.

How This Screen Resolution Checker Works

This tool reads your display information directly from standard browser interfaces: the Screen API (window.screen), the window object (innerWidth and innerHeight), and the CSS media queries that report color gamut and dynamic range. When the page loads, the browser reports the current values, and the card above renders them instantly.

There is nothing to install and no permission to grant. The values update automatically whenever you resize the browser window, change the zoom level, rotate a phone or tablet, or drag the window to a monitor with a different resolution — the card listens for those changes and re-measures in real time. Because the reading is taken from your own browser, it reflects exactly what a website sees when it renders on your machine, which is often more useful than the number printed on the box.

Understanding Your Screen Resolution Results

The most important distinction is between CSS pixels and physical pixels. Browsers report screen.width and screen.height in CSS pixels — a logical unit that stays consistent regardless of how many physical pixels your monitor has. On a 4K display running at 150% scaling, the browser may report 2560 × 1440 CSS pixels while the panel physically renders 3840 × 2160.

The device pixel ratio (DPR) connects the two systems: multiplying the CSS size by the DPR estimates the physical resolution, which is why the physical value is labeled approximate — browser zoom also changes the reported DPR. The viewport, meanwhile, is simply the visible area of the page inside your browser window, which is why it is always smaller than (or equal to) the full screen resolution. Reading the two side by side is the quickest way to understand why a page that looks correct on your monitor can behave differently in a smaller window, and it is the pair of values web developers rely on most when building responsive layouts.

Common Screen Resolutions

Below are the resolutions you are most likely to encounter on laptops, desktop monitors, and TVs today. Most modern displays use a 16:9 aspect ratio; ultrawide monitors use 21:9 or 32:9.

Resolution Pixels Aspect ratio Typical use
HD 720p 1280 × 720 16:9 Entry-level laptops, small displays
HD+ 1366 × 768 ≈16:9 Common on budget Windows laptops
Full HD 1080p 1920 × 1080 16:9 The most common desktop and laptop resolution
QHD 1440p 2560 × 1440 16:9 High-end desktop monitors and gaming displays
Ultrawide QHD 3440 × 1440 21:9 Curved productivity and gaming monitors
4K UHD 3840 × 2160 16:9 Premium laptops, 4K monitors and TVs
WUXGA 1920 × 1200 16:10 Business laptops and office monitors
QWXGA+ 2560 × 1700 3:2 Productivity laptops with taller panels
3K 2880 × 1620 16:9 High-density thin-and-light laptops
Ultrawide FHD 2560 × 1080 21:9 Entry ultrawide and multi-window setups
WQXGA 2560 × 1600 16:10 Professional and creator monitors
5K 5120 × 2880 16:9 Professional editing and design displays
8K UHD 7680 × 4320 16:9 Flagship TVs and specialist workstations

Why Check Your Screen Resolution Online

Digging out your resolution through the operating system takes several clicks — Settings › System › Display on Windows or System Settings › Displays on macOS — and the result is often mixed with scaling options that are hard to interpret. This page answers the question "what is my screen resolution?" in one glance, including the values that matter for web work: viewport size and device pixel ratio.

That makes it useful for specific jobs: verifying a monitor’s configured resolution after changing display settings, checking what a responsive website sees when you test layouts, documenting your setup for remote IT support, or confirming the effective resolution of a projector or external display you just plugged in.

Common Screen Resolution Problems

These are the questions this checker answers most often:

The resolution looks lower than my monitor’s spec

High-resolution displays ship with scaling enabled by default. A 4K laptop at 150% scaling reports 2560 × 1440 CSS pixels, not 3840 × 2160. Check the physical resolution estimate on this page — it should match the panel’s native resolution.

Text or icons are too small or too large

That is a scaling issue rather than a resolution issue. On Windows, open Settings › System › Display › Scale; on macOS, look in System Settings › Displays. Changing the scale changes the reported CSS resolution but not the physical one.

Everything looks blurry

Blur usually means the display is running at a non-native resolution, or scaling is set to a non-integer ratio. Set the resolution to the panel’s native value in your OS display settings — the table above can help you identify it.

The viewport is smaller than my screen

It is supposed to be. The viewport only covers the page area inside the browser window, minus toolbars, sidebars, and scroll bars. The screen resolution describes the whole monitor.

I have two monitors and see unexpected values

The browser reports the screen where the window currently sits. Drag the window to your other monitor and the values re-measure automatically — that is also a quick way to compare two displays.

The resolution is correct but games or video look soft

A correct desktop resolution does not guarantee sharp content. Video players often render below the panel resolution, and games may run at a lower internal render resolution and upscale. Check the playback or graphics settings inside the application rather than the operating system display settings.

My ultrawide monitor is shown with black bars

Black bars usually mean the content, not the monitor, is limited to a narrower ratio. A 3440 × 1440 panel displaying a 16:9 video will letterbox it by design. The browser still reports the full 21:9 resolution, which confirms the display itself is configured correctly.

The reported values differ between two browsers

Browsers can round screen dimensions differently and may apply their own scaling on high-density displays. With both browsers at 100% zoom on the same monitor the values should match closely; small differences of a few pixels are normal rounding, not a fault.

The page shows 0 or blank values

This normally means the page was blocked from reading screen information, or scripts were prevented from running. Disable script blocking for this origin, exit any restricted or private container, and reload. No permission prompt is involved, so a blank card is almost always a blocking extension rather than a browser setting.

The resolution changed after a driver or cable change

Display outputs renegotiate when hardware changes. Swapping an HDMI cable for DisplayPort, or updating a graphics driver, can reset the refresh rate and the reported resolution. Re-select the native resolution in your operating system display settings and the values here should return to the expected panel specification.

A projector or external display looks wrong

External displays often mirror the laptop panel, which forces the lower of the two resolutions. Switch from mirroring to extending in your display settings, then set the external screen to its native resolution. The values on this page update as soon as the window moves to that display, so you can confirm the change immediately.

Privacy and Data Handling

🔒 Every value on this page — screen size, viewport, DPR, color depth, orientation — is read and displayed locally in your browser. Nothing is sent to a server, nothing is stored, and no account or permission is required. Close the tab and the measurement is gone.

Screen Resolution Checker FAQ

What is my screen resolution? ▼

Your screen resolution is shown at the top of the tool card above — for example, 1920 × 1080. This is the size of your screen in CSS pixels, the logical unit browsers use for layout. Below it you will also find the estimated physical resolution, which accounts for display scaling. If the two numbers differ, your display is running with scaling enabled — which is normal and recommended on high-resolution panels. The card updates live by design: resizing the browser window changes the viewport, zooming changes the physical estimate, and moving the window to another monitor re-measures that display.

Why is the reported resolution lower than my monitor’s native resolution? ▼

Modern high-resolution displays use scaling to keep text and icons at a comfortable size. A 4K monitor at 150% scaling reports 2560 × 1440 CSS pixels even though the panel physically renders 3840 × 2160. The browser’s screen.width and screen.height always use CSS pixels, so the reported resolution is the scaled — logical — resolution. Multiply it by the device pixel ratio and you get the physical resolution, which is exactly what the physical resolution estimate on this page does for you.

What is the difference between screen resolution and viewport size? ▼

Screen resolution describes your entire display — the full monitor or phone screen. The viewport is the visible portion of a web page inside your browser window: it excludes browser toolbars, interface bars, sidebars, and scroll bars. On a maximized browser the viewport is slightly smaller than the screen; on a small floating window it can be much smaller. Web developers use viewport size (not screen resolution) to build responsive layouts, which is why both values are shown side by side on this page. The available screen area shown alongside is the display minus permanent system furniture: on a 1920 × 1080 Windows screen the default taskbar leaves roughly 1040 pixels of height for maximized applications.

How do I check my monitor’s native resolution? ▼

Open this page and read the physical resolution estimate — with browser zoom at 100% it matches the panel’s native resolution, because scaling cannot change how many pixels the hardware renders. You can cross-check in your operating system: on Windows, go to Settings › System › Display and look at Display resolution (the recommended entry is the native one); on macOS, open System Settings › Displays — the "Default for display" option typically uses the native resolution with scaling for sharpness. This also lets you verify a monitor before buying it: move the browser window onto that display and the card re-measures it — a genuine 21:9 ultrawide reports 3440 × 1440 or 2560 × 1080, not a marketing name.

Is this tool free and private? ▼

Yes — completely. There is no charge, no sign-up, no download, and no limit on how often you can check. Every measurement happens locally in your browser: the page reads your screen, window, and display settings, and renders them on screen. No screen data, device fingerprint, or usage statistic is sent to any server, and nothing is saved after you close the tab. You can even run it offline once the page has loaded.

Does changing the resolution affect performance? ▼

Yes, and often substantially. Pushing more pixels means the graphics processor does more work every frame, so a game running comfortably at 1920 × 1080 may struggle at 3840 × 2160 on the same hardware. On the desktop the effect is much smaller because static content is redrawn only when it changes. If a game stutters after you raised the resolution, lowering it — or enabling an upscaling mode — is usually the fastest fix.

Why does my phone report a resolution I do not recognize? ▼

Mobile devices typically report a logical resolution in CSS pixels rather than the panel native resolution, because the operating system scales the interface so that touch targets stay a comfortable physical size. A phone with a 1080 × 2400 panel may report roughly 393 × 851 CSS pixels. The physical resolution estimate on this page combines the reported size with the device pixel ratio to approximate the true panel, which is the number worth quoting in a specification.

How do I reset my display scaling to the default? ▼

On Windows, open Settings, then System, then Display, and set Scale back to the value marked as recommended; the recommended resolution is normally the native one as well. On macOS, open System Settings, then Displays, and choose Default for display, which selects the native resolution with scaling applied for sharpness. After either change, reload this page — the reported values update immediately and should match the expected panel specification.

Is this browser information tool private? ▼

Completely. Everything you see is read from your browser’s own interfaces — navigator, screen, Intl, and feature detection — and rendered locally. No data is transmitted to a server, no fingerprint is computed, and nothing is stored after you close the tab. That stands in contrast to many "what is my browser" sites that log user agents or run analytics on the results. You can verify the behavior yourself: load the page, disconnect from the internet, and it still works.

Why do some values say "approximate"? ▼

Browsers deliberately round or cap details that could identify you. Device memory (navigator.deviceMemory) is reported as a rough bucket — 0.25, 0.5, 1, 2, 4, or 8 GB — and never exceeds 8, even on a 32 GB machine. CPU core counts reflect logical processors as the browser sees them, which can differ from physical cores. Operating system versions come from reduced user agents or Client Hints and may be coarse. These approximations are privacy features, not bugs.

What is User-Agent Client Hints and why does it matter? ▼

Client Hints are a newer, structured alternative to the long user agent string. Instead of one opaque line, the browser exposes a set of labelled fields such as brand list, full version, platform version, architecture, and bitness, and it may withhold the high-entropy values unless a site asks for them. This page reads whatever your browser chooses to expose, which is why Chromium browsers here show more precise detail than Firefox or Safari.

Does this page fingerprint me? ▼

No. This page reads only the same information any website can obtain from standard browser APIs — user agent, screen size, supported features — and combines nothing into a unique identifier. There are no cookies, no canvas fingerprinting, no font enumeration, and no analytics. The page works identically offline, which is the simplest proof that nothing is sent anywhere.

Quick Summary

Screen Resolution Checker is a free online tool that instantly shows your display information: screen resolution in CSS pixels, the estimated physical resolution, available screen area, browser viewport, device pixel ratio, color depth, color gamut, HDR support, orientation, and aspect ratio. Values update live as you resize, zoom, or rotate. It works in any modern browser on desktop and mobile, requires no installation, and processes everything locally — no data ever leaves your device.