What is my screen resolution?
Your screen resolution is:
Your display details
- Screen size (CSS pixels)
- –
- Physical resolution
- –
- Device pixel ratio (scaling)
- –
- Aspect ratio
- –
- Browser window (viewport)
- –
- Available screen space
- –
- Colour depth
- –
- Orientation
- –
Common screen resolutions
| Resolution | Name | Aspect ratio |
|---|---|---|
| 1280 × 720 | HD (720p) | 16:9 |
| 1366 × 768 | HD (common laptop) | 16:9 |
| 1600 × 900 | HD+ | 16:9 |
| 1920 × 1080 | Full HD (1080p) | 16:9 |
| 1920 × 1200 | WUXGA | 16:10 |
| 2560 × 1080 | Ultrawide Full HD | 21:9 (ultrawide) |
| 2560 × 1440 | QHD (1440p) | 16:9 |
| 2560 × 1600 | WQXGA | 16:10 |
| 3440 × 1440 | Ultrawide QHD | 21:9 (ultrawide) |
| 3840 × 2160 | 4K UHD (2160p) | 16:9 |
| 5120 × 2880 | 5K | 16:9 |
| 7680 × 4320 | 8K UHD | 16:9 |
Why websites see a smaller resolution than your screen
Modern screens pack in so many pixels that text would be unreadable at 1:1, so your operating system scales everything up. Windows laptops commonly use 125% or 150%, and phones and MacBooks use 2× or 3×. Websites then see the scaled size, called CSS pixels, while the panel still has its full physical resolution. That’s why a 4K monitor at 150% reports 2560 × 1440, and why an iPhone reports a width of around 390.
The device pixel ratio is the scale factor between the two. Multiply the CSS size by it and you get the hardware resolution. Zooming the browser also changes it, so press Ctrl + 0 (Cmd + 0 on a Mac) to reset zoom before you check.
Which resolution should I use?
Almost always the one your system marks as recommended or default, which matches the panel’s real pixels and looks sharpest. If text is too small, change the scale setting (for example 125%) rather than lowering the resolution, which makes everything blurry.
Also useful: what is my user agent? shows your browser and operating system.
Frequently asked questions
What is my screen resolution?
It is shown at the top of this page. The big number is your screen size in the pixels websites use (CSS pixels). If your device has a high-density display, the actual hardware pixels are shown underneath, which is the number on the box or in your display settings.
Why does my 1080p laptop show 1536 × 864?
Windows is scaling your display to 125% so text isn’t tiny: 1920 ÷ 1.25 = 1536 and 1080 ÷ 1.25 = 864. Your screen is still Full HD. The physical resolution line on this page multiplies back by the scale and shows 1920 × 1080.
How do I change my screen resolution?
On Windows 11, right-click the desktop → Display settings → Display resolution, and pick the one marked “Recommended”. On a Mac, open System Settings → Displays and choose a size. The recommended or default setting matches your screen’s real pixels and looks sharpest.
What is the most common screen resolution?
For desktops and laptops, 1920 × 1080 (Full HD) has been the most common for years, with 1366 × 768 still found on older budget laptops and 2560 × 1440 popular for gaming monitors. Phones report much smaller CSS sizes, like 390 × 844, because of their high pixel density.
Is screen resolution the same as window size?
No. Screen resolution is the whole display. The browser window (viewport) is the part a web page can use, which is smaller because of toolbars, the taskbar and any window that isn’t maximised. Both are shown above.