What is Screen Resolution?
Screen resolution is the number of pixels a display shows, written as width × height — for example 1920 × 1080. A higher resolution fits more detail on screen. This page detects and shows your current screen resolution, the browser window (viewport) size, your device pixel ratio (important on Retina/high-DPI screens), colour depth and aspect ratio. Nothing is sent anywhere — it is all read locally by your browser.
How Screen Resolution works
The tool reads screen.width × screen.height (your screen resolution in CSS pixels) and window.innerWidth × innerHeight (the visible browser area). On high-density displays, the physical pixels = CSS pixels × device pixel ratio.
Common screen resolutions
| Resolution | Name |
|---|---|
| 1280 × 720 | HD (720p) |
| 1366 × 768 | HD (common laptop) |
| 1920 × 1080 | Full HD (1080p) |
| 2560 × 1440 | QHD (1440p) |
| 3440 × 1440 | Ultrawide QHD |
| 3840 × 2160 | 4K UHD |
| 7680 × 4320 | 8K UHD |
Common uses
- Check your screen resolution for support or troubleshooting
- Confirm your viewport size when designing or testing a website
- See your device pixel ratio on Retina / high-DPI screens
- Find your display's aspect ratio
Frequently asked questions
What is my screen resolution?
It is shown at the top of this page — the width × height of your display in pixels, for example 1920 × 1080. The tool detects it automatically.
What is the difference between screen resolution and viewport size?
Screen resolution is your whole display; the viewport (window) is just the visible area of the browser, which is smaller if the window isn't maximised.
What is device pixel ratio?
On high-DPI screens (like Retina) several physical pixels make up one CSS pixel. A ratio of 2 means the physical resolution is double the CSS resolution.
Is my resolution sent to a server?
No. It is read entirely in your browser using JavaScript; nothing is uploaded or stored.