What Is My Screen Resolution
Your screen resolution
— × —
Values update when you resize the window or rotate your device. Read locally in your browser.
How to use
- Open the page — your screen resolution appears at the top as width × height.
- Resize the window or rotate a phone/tablet to watch values update live.
- Click Copy to save the resolution for a bug report or game settings.
FAQ
What is my screen resolution?
The headline shows screen.width × screen.height in CSS pixels — the resolution your operating system reports to the browser for the display. For example 1920 × 1080 on a Full HD monitor.
What is the difference between screen and viewport resolution?
Screen resolution is the full display size. Viewport size is only the browser's content area (usually smaller when toolbars and tabs are visible). Use what is my viewport size for the layout viewport.
What are physical pixels?
Physical pixels multiply CSS pixels by device pixel ratio (DPR). A 1920×1080 screen at 2× DPR has 3840×2160 physical pixels — important for Retina and HiDPI displays.
Why is available area smaller than full resolution?
screen.availWidth and availHeight exclude taskbars, docks, and notches. The full resolution row uses the complete reported display size.
Does zoom change screen resolution?
Browser zoom affects viewport and sometimes DPR reporting, but screen.width/height usually stay the same. OS display scaling can affect DPR and perceived sharpness.
Is any data sent to a server?
No. Values are read from window.screen in your browser. Nothing is uploaded.
Introduction
What Is My Screen Resolution shows the pixel dimensions of your display — width × height — as soon as you open the page, with available area, physical pixel dimensions, device pixel ratio, and orientation in the details panel.
Screen resolution matters for games, video export presets, remote desktop setup, and responsive design QA. It is not the same as viewport size (the browser chrome eats space). This page focuses on the monitor dimensions your OS reports.
Screen vs viewport vs physical
| Measure | API | Typical use |
|---|---|---|
| Screen resolution | screen.width × screen.height |
Full display size |
| Available area | screen.availWidth × availHeight |
Usable space minus taskbar |
| Viewport | window.innerWidth × innerHeight |
Layout area for CSS |
| Physical pixels | screen size × devicePixelRatio |
Sharp assets on Retina |
Common use cases
- Game and app settings — match in-game resolution to your monitor's reported size.
- Screen sharing — tell collaborators your display dimensions.
- Buying a monitor — verify the OS sees the expected resolution after setup.
- Design handoff — document test machine resolution for QA.
Best practices
- Compare screen resolution here with viewport size on what is my viewport size when debugging responsive layouts.
- Pair with what is my device pixel ratio for Retina/HiDPI asset decisions.
- For a full device snapshot, open device info.