Check Your Resolution
Your display resolution is written as width × height in pixels. Common examples include 1366 × 768, 1920 × 1080 (Full HD) and 2560 × 1440 (QHD).
The box above updates in real time as you resize your browser, and the quick stats show your screen's device pixel ratio — useful to know if you have a high-DPI or "Retina" display.
Common Screen Resolutions
| Resolution | Common Name | Where It Is Often Used |
|---|---|---|
| 1280 × 720 | HD | Older laptops, budget displays |
| 1366 × 768 | — | Budget 13–15" laptops |
| 1920 × 1080 | Full HD / 1080p | Most common monitor & TV resolution |
| 2560 × 1440 | QHD / 2K | 27" monitors |
| 2560 × 1664 / 3024 × 1964 | — | Modern MacBooks (Retina) |
| 3440 × 1440 | Ultrawide | 21:9 gaming monitors |
| 3840 × 2160 | 4K / UHD | 27–32" monitors, 4K TVs |
CSS Pixels vs Physical Pixels
Modern displays have a device pixel ratio (DPR) of 1, 1.5, 2 or even 3. This means each CSS pixel that a website uses maps to several physical pixels on your screen.
- On a normal monitor the DPR is usually 1.
- On a Retina MacBook or a high-end phone the DPR is 2 (or more).
- Check your own ratio in the quick stats above.
That is why a 4K phone can still report a "CSS" resolution of only 1080 × 2400 for websites — the extra pixels are used for sharpness, not extra layout space.