What Is My Screen Size?
Instantly detect your screen resolution, viewport dimensions, device pixel ratio, browser size, and more — no app download, no sign-up required.
Your Screen Size
Screen Width
Screen Height
Viewport Width
Viewport Height
Device Pixel Ratio
Window Width
Window Height
Orientation
Complete Device Information
All technical details about your screen, device, and browser — detected automatically from your session.
Device Type
—
Detected from screen width and user agent
Operating System
—
Detected from browser user agent string
Browser
—
Detected from browser user agent string
Physical Resolution
—
Actual physical pixels (CSS px × DPR)
Aspect Ratio
—
Simplified screen width to height ratio
Color Depth
—
Bits per pixel for color display
Touch Support
—
Whether the device supports touch input
CSS Pixels
—
Logical CSS pixels reported by the browser
Common Screen Resolutions by Device Type
Reference guide for developers and designers — the most widely used screen resolutions across all major device categories in 2025.
Desktop
Most common: 1920×1080
- 1920 × 1080 (Full HD)
- 2560 × 1440 (QHD)
- 3840 × 2160 (4K UHD)
- 1280 × 800 (Laptop)
Mobile
Most common: 390×844
- 390 × 844 (iPhone 14)
- 412 × 915 (Pixel 7)
- 360 × 780 (Samsung A)
- 375 × 812 (iPhone X)
Tablet
Most common: 768×1024
- 820 × 1180 (iPad Air)
- 768 × 1024 (iPad)
- 800 × 1280 (Android)
- 1024 × 1366 (iPad Pro)
Smart TV / 4K
Most common: 3840×2160
- 3840 × 2160 (4K)
- 1920 × 1080 (Full HD TV)
- 7680 × 4320 (8K)
- 2560 × 1440 (QHD TV)
What Is Screen Resolution?
Screen resolution refers to the total number of pixels displayed on a screen, expressed as width × height (e.g., 1920×1080). It determines how much content can fit on your display and how sharp images appear. A higher resolution means more pixels — and typically a sharper, more detailed picture.
It is important to distinguish between physical resolution (the actual hardware pixel count) and CSS resolution (the logical pixel space used by web browsers). High-DPI displays like Apple Retina screens use 2x or 3x scaling, meaning the physical pixel count is much higher than what CSS reports.
- Physical pixels = CSS pixels × Device Pixel Ratio
- Full HD (1920×1080) is the most common desktop resolution globally
- Mobile screens typically report 360–414px in CSS width
- Retina displays have DPR of 2.0 or higher
Resolution Reference Table
| Name | Resolution | Device |
|---|---|---|
| HD | 1280 × 720 | Laptop/TV |
| Full HD | 1920 × 1080 | Desktop/TV |
| QHD / 2K | 2560 × 1440 | Monitor |
| 4K UHD | 3840 × 2160 | TV/Monitor |
| iPhone 14 | 390 × 844 | Mobile |
| iPad Air | 820 × 1180 | Tablet |
Using ScreenSizer
Visit screensizer.io — your screen dimensions appear instantly at the top of the page, no interaction needed.
System Settings
On Windows: Settings → Display. On macOS: System Preferences → Displays. On Android: Settings → Display.
Browser DevTools
Press F12, click the device toolbar icon, and select a device preset or enter custom dimensions.
CSS Media Query
Use @media (max-width: 768px) to target specific breakpoints in your stylesheet.
How to Check Your Screen Size
There are several ways to find your screen resolution — from using a dedicated tool like ScreenSizer to digging into your OS settings or browser developer tools. Each method provides slightly different data depending on your use case.
For web developers, the most relevant measurements are viewport width/height (what CSS sees) and Device Pixel Ratio (for serving the right image assets). For hardware comparisons, physical screen resolution is what matters.
Why Screen Resolution Matters
Screen resolution directly impacts user experience, content legibility, image sharpness, and how responsive websites render. For designers, it determines canvas size. For developers, it determines breakpoints and asset delivery. For end users, it affects how much they can see at once.
Read Full GuideFrequently Asked Questions
Everything you need to know about screen size, resolution, and device detection.
Related Free Tools
More free web development and design tools to help you build better, faster, and more responsive websites.
Viewport Size Tester
Test how your site looks at specific viewport widths. Enter any dimension to simulate.
DPR Checker
Check your Device Pixel Ratio and understand if your device is Retina or HiDPI.
Responsive Design Checker
See how your website renders at common mobile, tablet, and desktop breakpoints.
Monitor Size Detector
Detect your physical monitor diagonal size based on resolution and DPR.
CSS Breakpoint Tester
See which Tailwind CSS, Bootstrap, or custom media query breakpoint is currently active.
Page Speed Analyzer
Analyze Core Web Vitals and loading performance for any URL.
Get Screen Size & Web Dev Tips
Subscribe to our newsletter for screen resolution guides, responsive design tips, and web performance articles — delivered twice a month. No spam, unsubscribe anytime.
We respect your privacy. Read our Privacy Policy.
Check Your Screen Size Now
Scroll back to the top to see your screen dimensions, viewport size, DPR, device type, and browser information — all detected automatically and updated live as you resize.
View My Screen SizeLearn About Screen Resolutions
Read our in-depth SEO guide on screen sizes, resolutions, and what they mean for web design, performance, and user experience in 2025.
Read the Guide