screensize.net

Common Screen Resolutions

Reference list of screen resolutions and viewport sizes across desktop, laptop, tablet and mobile — with names, aspect ratios and usage notes.

Desktop / Laptop / Tablet / Mobile Named resolutions Usage notes

Desktop monitors

Resolution Name Aspect ratio Notes
1920 × 1080 Full HD 1080p 16:9 The most common desktop resolution worldwide.
1280 × 720 HD 720p 16:9 Minimum HD; common in screen recordings.
1680 × 1050 WSXGA+ 16:10 Older 22" monitors.
2560 × 1440 QHD 1440p 16:9 Standard 27" monitor resolution.
3440 × 1440 UWQHD 21:9 34" ultrawide monitors.
3840 × 2160 4K UHD 16:9 4K monitors and TVs.
5120 × 2880 5K 16:9 Apple Studio Display, iMac 27".

Laptops

Resolution Name Aspect ratio Notes
1366 × 768 WXGA 16:9 Common on budget laptops; slowly declining.
1536 × 864 16:9 1920×1080 panel at 125% Windows scaling.
1440 × 900 WXGA+ 16:10 Classic MacBook Air CSS resolution.
1600 × 900 HD+ 16:9 Mid-size laptop panels.
1920 × 1200 WUXGA 16:10 16:10 business laptops.
2560 × 1600 WQXGA 16:10 13"–16" premium laptops at 2x scaling.

Tablets (CSS viewport)

Resolution Name Aspect ratio Notes
768 × 1024 XGA 4:3 Classic iPad CSS viewport.
820 × 1180 ≈ 4:3 iPad Air / iPad 10th gen CSS viewport.
1024 × 1366 3:4 iPad Pro 12.9" CSS viewport.

Mobile (CSS viewport)

Resolution Name Aspect ratio Notes
360 × 800 20:9 Most common Android CSS viewport.
390 × 844 19.5:9 iPhone 12/13/14 CSS viewport.
393 × 852 19.5:9 iPhone 15/16 CSS viewport.
412 × 915 20:9 Pixel CSS viewport.
414 × 896 19.5:9 iPhone XR/11 CSS viewport.
430 × 932 19.5:9 iPhone Plus / Pro Max CSS viewport.

Recommended responsive testing set

These widths are better treated as testing targets than as exact device promises. Start with this set, then add the breakpoints and analytics widths that matter for your own product.

Width Use case Why it matters
360px Narrow Android Catches cramped navigation, forms and minimum mobile layouts.
393px Common iPhone A practical baseline for current standard iPhone layouts.
430px Large phone Covers Plus, Pro Max and large Android portrait widths.
768px Tablet portrait Common tablet width and a frequent responsive breakpoint.
1024px Tablet landscape Useful for tablet split layouts and small desktop transitions.
1366px Small laptop Still a common desktop QA width for browser-based apps.
1536px Large laptop Represents scaled high-DPI laptops and wider work surfaces.
1920px Desktop monitor A wide baseline for dashboards, tables and full desktop layouts.

Use the responsive design testing checklist for scenario-based QA, or the responsive breakpoint checker when you need Tailwind, Bootstrap and media-query thresholds.

How to use this reference

Desktop resolution is not viewport size

A 1920 x 1080 monitor rarely gives a web page a 1920 x 1080 CSS viewport. Browser chrome, window size, operating-system scaling, scrollbars and taskbars all reduce or transform the space that CSS media queries actually see.

Mobile rows are CSS viewport references

Mobile and tablet rows are listed as CSS viewport sizes because those are the values responsive layouts use. Physical panel resolution still matters for sharpness and screenshots, but layout debugging should start with the viewport size checker.

Frequently asked questions

What is the most common screen resolution?

1920 × 1080 (Full HD) remains the most common desktop resolution worldwide. On mobile, 360 × 800 CSS pixels is the most common viewport. High-DPI laptops increasingly report scaled resolutions like 1536 × 864.

Why do mobile resolutions here look small?

Mobile values are listed as CSS viewport sizes — what websites actually see — not physical panel pixels. A phone with a 1179 × 2556 panel reports a 393 × 852 viewport because of its 3× device pixel ratio.

Which resolutions should I test a website at?

A practical minimum set: 360 and 393 px wide (Android/iPhone), 768 px (tablet portrait), 1366 and 1536 px (laptops), and 1920 px (desktop). Your analytics should always override generic lists.

What's the difference between 1080p, 1440p and 4K?

They name the pixel height: 1080p is 1920 × 1080, 1440p (QHD) is 2560 × 1440, and 4K UHD is 3840 × 2160 — four times the pixels of 1080p.

Related tools