Native and scaled resolution
See both the resolution websites use and the real, physical resolution of your panel, worked out from your display scaling.
Instant, private, live
What Is My Screen Resolution? Resolution, viewport, refresh rate & PPI in one place
Find out what your screen resolution is in one second, plus your native resolution, display scaling, browser viewport, refresh rate in Hz, aspect ratio and pixel density.
- Native and scaled resolution
- Refresh rate test
- Live viewport size
- Nothing is stored
Your screen details
Your screen resolution
-
Detecting your display
---
Your browser zoom may not be at 100%, which changes these numbers. Press Ctrl + 0 (Cmd + 0 on Mac) to reset it.
Your screen at a glance
LiveViewport
- Usable screen area
- Browser window
- Page viewport
Resize or move this window and watch the diagram follow. Positions are approximate on multi-monitor setups.
Browser viewport-Updates as you resize
Available screen-Screen minus taskbar or dock
Device pixel ratio--
Aspect ratio--
Refresh rate-Measured from browser frames
Color depth--
Color gamut--
Orientation--
Touch screen--
Color scheme--
Browser--
CSS breakpoint--
Refresh rate test
--Hz
Keep this tab in focus while it measures.
PPI and screen size calculator
Pixel density-pixels per inch (PPI)
Dot pitch-size of one pixel
Enter your screen's diagonal size to see its sharpness.
Why it's better
More than just your screen resolution
Most resolution checkers show two numbers and stop. This one explains what they mean and adds the extra details you need for buying monitors, fixing blurry text, testing websites or getting tech support.
Refresh rate in Hz
Measure how many frames per second your display is really running at, from 60 Hz laptops to 240 Hz gaming monitors.
Live viewport and breakpoints
Resize your window and watch the viewport size, Tailwind and Bootstrap breakpoints and the screen diagram update instantly.
PPI and physical size
Enter your screen's diagonal to get pixel density, dot pitch and the real width and height of the display in inches and centimeters.
Color and HDR details
Check color depth, wide color gamut (sRGB, Display P3, Rec. 2020), HDR support, dark mode and touch input at a glance.
One-click report
Copy a clean summary of every value to paste into a support ticket, bug report or chat, so nobody has to ask twice.
How it compares with typical resolution checkers
| Feature | This checker | Typical resolution sites |
|---|---|---|
| Screen resolution | Yes | Yes |
| Native resolution with scaling explained | Yes | Rarely |
| Live browser viewport | Yes, with a diagram | Sometimes |
| Refresh rate (Hz) | Yes, measured live | Usually a separate site |
| PPI and physical size | Built in | Usually a separate site |
| Color gamut and HDR | Yes | Rarely |
| CSS breakpoints | Tailwind and Bootstrap | Rarely |
| Copyable report | Yes | Rarely |
How to use
How to check your screen resolution
Everything is detected the moment the page loads. Here is how to get the most out of it.
Tip: reset browser zoom to 100% with Ctrl + 0 before checking. Zoom changes the numbers websites see.
Read your resolution
The large number at the top is your screen resolution in CSS pixels. The line below shows your native resolution and scaling.
Check the details
The tiles show viewport, usable screen, pixel ratio, aspect ratio, color, orientation, touch, browser and CSS breakpoint.
Measure refresh rate
The Hz test runs automatically for about two seconds. Keep this tab in focus and press Test again after changing display settings.
Work out PPI
Enter your screen's diagonal in inches or tap a common size to get pixel density, dot pitch and physical dimensions.
Copy the report
Press Copy full report to paste every value into an email, support chat or bug tracker.
Device settings
Check screen resolution on Windows, Mac, iPhone and Android
Want to confirm the result or change it? Here is where each system keeps its display settings.
Windows 11 and 10
Right-click the desktop and choose Display settings. Under Scale and layout, Display resolution shows the current setting, and the one marked Recommended is your monitor's native resolution. Scale is the percentage shown here as pixel ratio.
macOS
Open the Apple menu, then System Settings, then Displays to see the resolution your Mac uses. The About This Mac window lists your built-in display and its native resolution.
iPhone and iPad
iOS has no resolution setting. Open this page in Safari to see the viewport and pixel ratio, or check your model's technical specifications for the native resolution.
Android
On many phones, including Samsung Galaxy models, open Settings, Display, Screen resolution. Otherwise, multiply the resolution and pixel ratio shown on this page to get the native resolution.
Scaling explained
Why is my resolution lower than my monitor's?
Operating systems enlarge text and icons on sharp screens so they stay readable. This display scaling makes websites see fewer, larger CSS pixels than your panel physically has.
Multiply the resolution shown by your device pixel ratio to get the native resolution. For example, a Full HD laptop at 125% scaling reports 1536 by 864, and 1536 × 1.25 = 1920.
| Native panel | Scaling | What websites see |
|---|---|---|
| 1920 × 1080 | 100% | 1920 × 1080 |
| 1920 × 1080 | 125% | 1536 × 864 |
| 1920 × 1080 | 150% | 1280 × 720 |
| 2560 × 1440 | 125% | 2048 × 1152 |
| 2560 × 1600 | 200% | 1280 × 800 |
| 3840 × 2160 | 150% | 2560 × 1440 |
| 1170 × 2532 (iPhone) | 300% | 390 × 844 |
Reference
Common screen resolutions
The most popular resolutions for laptops, monitors, TVs and phones, with the names you will see on spec sheets.
| Name | Resolution | Aspect ratio | Typical screens |
|---|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 | Budget TVs and older laptops |
| WXGA | 1366 × 768 | About 16:9 | Entry-level laptops |
| HD+ | 1600 × 900 | 16:9 | 17-inch laptops, small monitors |
| Full HD (1080p) | 1920 × 1080 | 16:9 | Most laptops and monitors up to 24 inches |
| WUXGA | 1920 × 1200 | 16:10 | Business laptops, 24-inch monitors |
| QHD (1440p) | 2560 × 1440 | 16:9 | 27-inch office and gaming monitors |
| WQXGA | 2560 × 1600 | 16:10 | 13 to 16-inch premium laptops |
| UWQHD | 3440 × 1440 | 21:9 | 34-inch ultrawide monitors |
| 4K UHD | 3840 × 2160 | 16:9 | TVs, 27 to 32-inch monitors |
| 5K | 5120 × 2880 | 16:9 | 27-inch professional displays |
| 8K UHD | 7680 × 4320 | 16:9 | Large premium TVs |
Choosing a wallpaper or video size? The aspect ratio calculator resizes any dimensions without distortion.
For web designers
Screen resolution vs viewport size
Screen resolution describes the whole display. The viewport is the part of the browser window a web page can use, and it is what CSS media queries and responsive layouts respond to.
Use the live viewport tile and breakpoint readout above while resizing your browser to see exactly when your layout switches.
- Design for the viewport, not the screen: media queries use viewport width.
- Serve sharper images on high pixel ratio screens with srcset and sizes.
- Test common widths: 360, 390, 414, 768, 1024, 1280, 1440 and 1920 pixels.
- Remember that browser zoom changes both the pixel ratio and the viewport.
- On desktop, 100vw includes the scrollbar, so it can be wider than the visible page.
Benefits
When knowing your screen resolution helps
A quick check saves guesswork whenever size, sharpness or compatibility matters.
Buying a monitor or laptop
Compare your current resolution and PPI with the one you are considering to know if the upgrade will look sharper.
Wallpapers and presentations
Pick images that match your native resolution and aspect ratio so they fill the screen without stretching or blur.
Faster tech support
Send the copied report instead of trying to find settings, so support teams can spot scaling or display issues right away.
Gaming and streaming
Confirm your monitor is running at its full refresh rate and set game or OBS output resolution to match your display.
Popular reasons people check
- Fix blurry or tiny text
- Check a new monitor's Hz
- Find the right wallpaper size
- Test responsive websites
- Set game resolution
- Share specs with support
- Compare laptop screens
- Check a second monitor
FAQ
Screen resolution FAQ
What is my screen resolution?
The large number at the top of this page is your screen resolution as reported by your browser, in CSS pixels. If your display uses scaling, your native resolution, the real number of pixels on your panel, is shown just below it.
Why does it show a lower resolution than my monitor has?
Your operating system is scaling the display. For example, a 1920 × 1080 laptop at 125% scaling reports 1536 × 864 to websites. Multiply by the device pixel ratio to get the native resolution.
What is the difference between screen resolution and viewport size?
Screen resolution is the whole display. Viewport size is the visible area inside your browser window, without toolbars and tabs, and it changes whenever you resize the window.
What is device pixel ratio?
It is the number of physical pixels used to draw one CSS pixel. A ratio of 2 means each CSS pixel is drawn with a 2 × 2 block of physical pixels, as on Retina and most phone screens.
How accurate is the refresh rate test?
It measures how often your browser draws frames, which usually matches your display's refresh rate. Battery saver, low power mode, background tabs or a busy computer can lower the result, so run the test with this tab in focus.
How do I check my screen resolution on Windows 11?
Right-click the desktop, choose Display settings and look at Display resolution. The value marked Recommended is your monitor's native resolution.
How do I check my screen resolution on a Mac?
Open the Apple menu, then System Settings, then Displays to see the resolution in use. The About This Mac window lists the built-in display with its native resolution.
What is a good screen resolution?
1920 × 1080 (Full HD) is the standard for laptops and monitors up to 24 inches. 2560 × 1440 suits 27-inch monitors, and 4K (3840 × 2160) gives the sharpest image on 27 to 32-inch screens.
Is any of my information stored or sent?
No. Every value is read by your browser and shown only to you. Nothing is saved or uploaded.
Know your display inside out
Resolution, scaling, viewport, refresh rate and pixel density, all detected instantly and privately in your browser.
See my screen detailsMore device tests