Screen resolution
Measuring…
100% Private In-Browser Diagnostics
Instantly measure your physical display resolution, active browser CSS viewport, device pixel ratio (DPR), color depth, and estimated refresh rate. Results update live as you resize your browser window.
Runs 100% locally in your browser. No signup, no popups, and no tracking cookies.
Current viewport
Measuring…
This is the CSS viewport your website sees.
Screen resolution
Measuring…
Device pixel ratio
Measuring…
Browser
Measuring…
Operating system
Measuring…
Visual viewport
Measuring…
Orientation
Measuring…
Color depth
Measuring…
Refresh rate
Measuring…
The total physical pixel grid of your display, such as 1920 × 1080 or 2560 × 1440.
The live browser area available to a website. This can change when toolbars, zoom, or split-screen layouts change.
The relationship between CSS pixels and physical pixels. High-DPI screens often use a DPR of 2 or 3.
Understand your screen
People search for screen size in a few different ways: screen dimensions, screen resolution, display size, viewport size, and monitor size. This page keeps those values together so you can understand what your browser reports right now.
Use the live result for quick checks, QA notes, screenshot context, responsive design debugging, and explaining why a website may look different on two devices with similar physical resolutions.
Start with the resolution and viewport cards. Resolution tells you the reported pixel grid. Viewport tells you the web page area available to CSS.
For physical monitor inches, enter your diagonal in the monitor calculator. Browsers do not reliably expose diagonal size automatically.
Browser chrome, window size, zoom, responsive mode, OS scaling, and mobile address bars can all make the viewport smaller than the full display.
DPR explains how CSS pixels map to physical pixels. It is useful for sharp images, screenshots, canvas work, and high-DPI testing.
Helpful references
Use these supporting tools and references after checking your live screen size on the homepage.
Compare resolutions
Compare 720p, 1080p, 1440p, 4K, 5K, 8K, ultrawide, and vertical resolutions with pixel counts, aspect ratios, and common use cases.
1080p
1920 × 1080
Common baseline for video, monitors, and QA screenshots.
1440p
2560 × 1440
Popular high-sharpness desktop and gaming reference. See the gaming guide for FPS tradeoffs.
4K UHD
3840 × 2160
Premium display and high-quality export reference.
Start with the screen checker, then open calculators, device references, and comparison tools for deeper checks.
Copy detailed screen, viewport, DPR, browser, OS, orientation, color depth, and refresh-rate diagnostics for QA notes.
Measure the browser viewport and visual viewport that your website can use right now.
Find the physical pixel grid reported by your current display and copy it for QA notes.
See your device pixel ratio for responsive images, retina assets, and layout debugging.
Aspect ratio calculators
Open dedicated 16:9, 9:16, 1:1, 4:5, 21:9, and 32:9 calculators for social posts, videos, thumbnails, banners, and ultrawide layouts.
Open ratio calculatorsCalculate 16:9 dimensions for YouTube videos, widescreen banners, presentations, and HD/4K layouts.
Classic and photographyCalculate 4:3 landscape or 3:4 portrait dimensions for photos, projectors, tablets, retro video, print, and crops.
Vertical videoCalculate 9:16 dimensions for TikTok, Instagram Reels, YouTube Shorts, stories, and vertical mobile video.
SquareCalculate square 1:1 dimensions for profile images, icons, product thumbnails, and social posts.
Find device sizes
Search iPhone, Android, iPad, and MacBook viewport references with CSS width, physical resolution, DPR, PPI, diagonal size, and export-ready CSV/JSON data for QA and design workflows.
Open device databaseCSS viewport width, height, DPR, physical resolution, and PPI references for common iPhone models.
AndroidViewport and display references for popular Android phones from Pixel and Samsung Galaxy lines.
iPadTablet viewport, DPR, physical resolution, and PPI references for iPad testing.
MacBookLogical display points, physical resolution, DPR, diagonal size, and PPI references for MacBook screens.
Compare displays
Use visual comparison pages to compare CSS viewport shape, physical resolution, DPR, PPI, and display context before making QA, design, or buying decisions.
Open comparison pagesCompare phones, tablets, laptops, monitors, and TVs by CSS viewport, physical resolution, DPR, PPI, and relative screen shape.
Monitor comparisonCompare a 24-inch 1080p monitor with a 27-inch QHD monitor for desktop responsive testing and workspace planning.
Monitor comparisonCompare 27-inch QHD and 32-inch 4K monitor references for desktop UI, dashboard, and design workflows.
TV comparisonCompare 65-inch and 75-inch 4K TV references for presentations, dashboards, media previews, and display planning.
Creator export sizes
Generate recommended dimensions for Instagram, TikTok, YouTube, Facebook, LinkedIn, X, and Pinterest placements before exporting posts, thumbnails, stories, and covers.
Open size generatorGuides and tips
The tools give instant values first. These guide pages expand the hub with device data, social media dimensions, AI image ratios, CSS units, breakpoints, and display-density workflows.
Open guides hubMeasure a screen diagonally without including the bezel, then use its aspect ratio to estimate the visible width and height for monitors, laptops, TVs, phones, and tablets.
Gaming displaysCompare 1080p, 1440p, 4K, ultrawide, and handheld-style resolutions for gaming so you can balance sharpness, FPS, monitor size, and GPU workload.
Screen basicsUse this practical screen resolution chart to compare 720p, 1080p, 1440p, 4K, 5K, and 8K display sizes for design, QA, gaming, and content export decisions.
Mobile CSSLearn how CSS safe-area insets protect mobile UI from notches, rounded corners, home indicators, and dynamic browser viewport behavior.
The live result includes the physical screen resolution reported by your browser, the current browser viewport size, device pixel ratio, browser, operating system, orientation, color depth, and refresh-rate estimate.
The screen resolution value shows your display pixel grid, such as 1920 by 1080 or 2560 by 1440. The viewport value may be smaller because browser chrome, zoom, and window size affect the page area.
No. Screen dimensions usually describe the full display resolution, while viewport dimensions describe the CSS area available to the webpage. Responsive layouts usually react to viewport size first.
Browsers cannot reliably expose physical monitor size in inches. Use the Monitor Size Checker with your monitor diagonal and resolution when you need estimated physical width, height, and PPI.