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.

Перевірте Роздільну Здатність Екрана Онлайн Миттєво

Цей інструмент перевірки роздільної здатності екрана дозволяє перевірити CSS-роздільну здатність вашого дисплея, фізичну піксельну роздільну здатність, розмір viewport, співвідношення пікселів пристрою, глибину кольору, кольоровий обсяг та підтримку HDR. Незалежно від того, чи перевіряєте ви 4K-монітор, ноутбук Retina чи мобільний телефон, значення оновлюються в реальному часі при зміні розміру, масштабуванні або обертанні — без завантаження.

📐
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.

Підтримувані сценарії та обмеження

Швидко перевірте, чи підходить Роздільна здатність екрана для ваших потреб. Списки нижче показують, що саме може і чого не може цей браузерний інструмент.

Працює з

  • 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

Не підтримується

  • 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

Роздільна здатність екрана лише перевіряє, чи досягають події введення браузера. Інструмент не може визначити, чи спричинена несправність обладнанням, драйверами, прошивкою чи операційною системою.

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.

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.

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

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.

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. To see the numbers update live, resize the browser window or move it to another monitor.

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 device pixel ratio (DPR)?

Device pixel ratio is the number of physical pixels a browser uses to draw one CSS pixel. A DPR of 1 means one CSS pixel equals one physical pixel. A DPR of 2 — common on Retina and modern laptops — means each CSS pixel is drawn with a 2 × 2 block of physical pixels, making content crisper. DPR also changes when you zoom: zooming to 125% in the browser raises the reported DPR by 1.25, which is why the physical resolution estimate is labeled approximate.

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.

Why does the physical resolution say "approximate"?

The physical resolution is calculated by multiplying the CSS resolution by the device pixel ratio and rounding to whole pixels. Two factors make this an estimate: browser zoom changes the reported DPR — at 110% zoom a DPR of 2 is reported as 2.2 — and some browsers apply their own rounding to screen dimensions. The estimate is exact when the browser zoom is at 100%, which is why we recommend checking the value with zoom reset (Ctrl/Cmd + 0) if you need a precise reading.

What is the available screen area?

The available area is the part of the screen that is not occupied by permanent operating system elements such as the Windows taskbar, the macOS Dock, or fixed system bars on mobile devices. A 1920 × 1080 screen with a default Windows taskbar reports an available height of 1040 pixels or less. Applications — including maximized browser windows — are laid out within the available area, so it is often the more practical number when you calculate how much space a maximized window actually gets.

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.

Does this screen resolution checker work on phones and tablets?

Yes. The tool uses only standard browser interfaces, so it runs on Android and iOS browsers as well as desktops. On mobile, the reported screen resolution is usually the device’s logical (CSS) resolution — for example 393 × 851 on many Android phones — while the physical resolution estimate reflects the actual panel. Rotate the device and you will see the orientation, aspect ratio, and both dimensions swap in real time. The available area on mobile excludes system status and navigation bars.

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.

Why did the values change while I was looking at them?

The card updates live by design. Resizing the window changes the viewport; zooming changes the device pixel ratio and therefore the physical estimate; rotating a phone swaps width and height; moving the window to a second monitor re-measures the screen it lands on. If numbers changed without any action from you, an external event is responsible — for example a display going to sleep, a docked laptop switching outputs, or an operating system automatically changing scaling for accessibility.

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.