Screen resolution, scaling and physical pixels
Websites see your screen in CSS pixels, which your operating system scales so text stays readable. The physical pixels figure multiplies that by the device pixel ratio to estimate the panel's real resolution. For example, a 4K laptop at 200% scaling reports 1920 × 1080 to websites but has 3840 × 2160 physical pixels.
The browser window is the space a page actually gets, after toolbars, tabs and the taskbar. It changes as you resize the window; this page updates live.
Common screen resolutions
| Name | Resolution | Aspect ratio | Typical use |
|---|---|---|---|
| HD | 1366 × 768 | 16:9 | Budget laptops |
| Full HD (1080p) | 1920 × 1080 | 16:9 | Most monitors and laptops |
| WUXGA | 1920 × 1200 | 16:10 | Business laptops |
| QHD (1440p) | 2560 × 1440 | 16:9 | Gaming monitors |
| Ultrawide QHD | 3440 × 1440 | 21:9 | Ultrawide monitors |
| 4K UHD | 3840 × 2160 | 16:9 | Monitors and TVs |
| 5K | 5120 × 2880 | 16:9 | Studio displays |
| 8K UHD | 7680 × 4320 | 16:9 | High-end TVs |
Frequently asked questions
What is my screen resolution?
It is shown at the top of this page as soon as it loads, in pixels wide by pixels high, as reported by your browser. The physical pixels figure underneath accounts for display scaling and usually matches your monitor's native resolution.
Why does my resolution look lower than my monitor's?
Windows, macOS, phones and tablets scale the screen so text is not too small. With 150% scaling, a 2560 by 1440 monitor reports 1707 by 960 to websites. Multiply by the device pixel ratio to get the real panel resolution, which this page does for you.
What is device pixel ratio?
Device pixel ratio is how many physical screen pixels make up one CSS pixel. A ratio of 2 means the display packs four physical pixels into the space of one, as on Retina and most phone screens. On Windows it equals your display scaling, so 1.25 means 125%.
How do I change my screen resolution?
On Windows, open Settings, System, Display and choose Display resolution and Scale. On a Mac, open System Settings, Displays and pick a resolution option. For the sharpest picture, use the panel's native resolution and change scaling instead.
What is the difference between screen resolution and browser window size?
Screen resolution is the size of the whole display. The browser window, or viewport, is the area a web page can use, which is smaller because of browser toolbars, the taskbar and window borders.