Screen Resolution Checker

Check your screen resolution, viewport size, device pixel ratio, and orientation instantly. Free online utility — your data never leaves the browser.

: "N/A" }, { label: "Orientation", value: info.orientation }, { label: "Touch Support", value: info.touch ? "Yes" : "No" }, { label: "Max Touch Points", value: String(navigator.maxTouchPoints || 0) }, ]; return ( Screen Resolution Checker

See your display specs in real time. Useful for responsive design debugging.

Screen {info.screenWidth} × {info.screenHeight} Viewport {info.innerWidth} × {info.innerHeight} Pixel Ratio {info.dpr.toFixed(2)}× {rows.map((r) => ( ))}
{r.label} {r.value}

Who Is This For?

  • Web developers testing responsive breakpoints
  • QA teams verifying device specs
  • Users troubleshooting display issues

Common Uses

  • Check actual screen vs. viewport size
  • Verify DPR for retina image sizing
  • Confirm color depth for design workflows

Frequently Asked Questions

Why is viewport smaller than screen resolution?

The viewport excludes browser chrome like toolbars and scrollbars.

Is this processed locally?

Yes. We only read standard browser APIs; nothing is sent to a server.

What is Device Pixel Ratio?

DPR tells you how many physical pixels map to one CSS pixel. Retina displays are usually 2× or 3×.

About Screen Info Checker

Your physical screen has a resolution; your browser sees a CSS pixel viewport; the OS reports an available work area minus the taskbar. This page surfaces all three so you can compare what your screen reports to what your code sees.

Screen vs Viewport vs Available

screen.width × screen.height — physical screen resolution in CSS pixels. screen.availWidth × screen.availHeight — usable area minus OS taskbar/dock. window.innerWidth × innerHeight — viewport inside the browser, minus tabs, address bar, scrollbars. window.devicePixelRatio — physical pixels per CSS pixel (1 on standard displays, 2 or 3 on Retina/HiDPI)." }} />

Color Depth and HDR

. Note that high color depth in the browser does not mean the page will render in HDR — that requires explicit CSS color-space declarations and is still poorly supported." }} />

Why Mobile Numbers Look Off

Related free tools

  • Text to Speech — Read any text aloud with browser voices. Adjustable rate, pitch, volume; dozens of languages.
  • QR Code Generator — Generate QR codes from URLs or text with custom colors.
  • Pomodoro Timer — Focus timer with customizable work and break intervals.
  • Stopwatch — High-precision stopwatch with lap timing and history.
  • Countdown Timer — Set a countdown timer with alerts and custom durations.
  • Time Zone Converter — Convert any date and time between 400+ IANA time zones. DST-aware. Add unlimited targets.
  • Random Number Generator — Cryptographically strong random integers with unique, sort, and range options. Up to 100,000 per click.
  • WhatsApp Link Generator — Create wa.me click-to-chat links with optional pre-filled messages. No app or registration needed.
  • Coin Flipper — Cryptographically fair heads-or-tails. Flip one coin or up to 10,000 at once with live statistics.
  • Dice Roller — Roll d4, d6, d8, d10, d12, d20, d100 with cryptographic randomness. Up to 100 dice at once.
  • Morse Code Translator — Translate text to Morse code and back. Listen with audio playback using Web Audio API.
  • Typing Speed Test — Test your typing speed in WPM and CPM. Real-time accuracy tracking with instant feedback.

Browse all free tools · Guides and tutorials · PDF tools · Developer tools · Text tools · SEO tools