What Is My Screen Resolution? Check It Live
Your screen resolution (CSS pixels)
—
Physical: —
Viewport (browser window)
—
Available screen
—
Device pixel ratio
—
Aspect ratio
—
Orientation
—
Color depth
—
Total pixels (physical)
—
Your screen resolution appears the moment this page loads, along with everything else your display reports to the browser: the current viewport size, available screen area, device pixel ratio, aspect ratio, orientation, and color depth. Resize the window or rotate your device and the numbers update live — handy for checking responsive breakpoints without opening DevTools.
How it works
- 1 Your resolution shows automatically When the page loads, your screen resolution appears at the top in CSS pixels, with the physical pixel count, viewport size, and display details below.
- 2 Resize to watch the viewport change Drag the browser window edge or rotate your phone — the viewport and orientation values update in real time, which makes this a quick breakpoint checker.
- 3 Copy the resolution with one click Press Copy to put your resolution (like 1920x1080) on the clipboard for a bug report, support ticket, or spec sheet.
Your data stays private
All processing happens entirely in your browser. No files, text, or data are ever sent to our servers. You can disconnect from the internet and this tool will still work.
Frequently asked questions
- What is screen resolution?
- It is the number of pixels your display shows, written as width × height — for example 1920 × 1080 (Full HD). More pixels means more detail and more room for windows and text.
- Why does the tool show a smaller resolution than my monitor's spec?
- Browsers report CSS pixels, not physical ones. On a scaled display — say a 4K monitor at 150% scaling in Windows, or any Retina Mac — the reported resolution is the physical one divided by the scale factor. The physical pixel value shown below the main number is your panel's native count.
- What is the difference between screen resolution and viewport size?
- Resolution is the whole screen. The viewport is just the area your browser window currently gives to the page — minus toolbars, scrollbars, and any space the window doesn't cover. Responsive design breakpoints react to the viewport, not the screen.
- What is device pixel ratio?
- It is how many physical pixels the display packs into one CSS pixel. A ratio of 1 is a classic monitor, 2 is Retina/HiDPI, and 3 or more appears on flagship phones. High-ratio screens render text and images noticeably sharper.
- What does 'available screen' mean?
- The screen area left after the operating system takes its share — the Windows taskbar, the macOS menu bar and Dock. A 1080p screen with a standard Windows taskbar typically reports 1920 × 1040 available.
- Is any of this data sent to a server?
- No. Everything is read from your browser's window and screen objects with JavaScript and displayed locally. Nothing is uploaded, logged, or stored — the page even keeps working offline.
From the blog
Screen Resolution Explained: CSS Pixels, DPR, and Viewports Why your 4K monitor reports 2560×1440, what device pixel ratio actually does, and how to check responsive breakpoints live. Read the post →Related tools
What Is My User Agent See your browser's user-agent string and decode it into browser, OS, and device. What Is My IP See your public IP address instantly, with city, country, and ISP. Aspect Ratio Calculator Find the equivalent dimensions when scaling a rectangle. PX to REM Converter Convert between px, rem, and em CSS units with a live table.