Screen Resolution Test
Check your screen size, viewport, device pixel ratio, orientation, and display capabilities instantly in your browser.
Your Display
···
Screen size (CSS pixels)
Reported by your browser
Browser-reported
- Screen size
- ···
- Viewport Size
- ···
- Visual viewport
- ···
- Available screen
- ···
- Device Pixel Ratio
- ···
- Orientation
- ···
- Color Depth
- ···
- Pixel Depth
- ···
DPR is the ratio between physical display pixels and CSS pixels. Browser zoom can affect the reported values.
Calculated
- Aspect Ratio
- ···
- Screen CSS pixels
- ···
- Estimated backing resolution
- ···
- Estimated backing pixels
- ···
Calculated from CSS screen dimensions × device pixel ratio. These are estimates and may not equal your display's native panel resolution.
Display capabilities
- Dynamic range
- ···
- sRGB
- ···
- Display-P3
- ···
- Rec. 2020
- ···
- Fullscreen
- ···
Color gamut capability
Browser-reported output capabilities; this does not measure your monitor's actual HDR performance or color gamut.
Insight
What does my result mean?
Your browser reports a screen size of {sw} × {sh} CSS pixels. Your current page viewport is {vw} × {vh} CSS pixels, while the visual viewport is {vvw} × {vvh} CSS pixels.
Screen size and viewport size describe different things: screen size refers to the browser's reported display area, while viewport size describes the space currently available to the webpage.
These values can vary with browser zoom, display scaling, window configuration, fullscreen mode, and multiple-display setups.
Reference
Common screen resolutions
1280 × 720HD · Entry-level laptops and budget displays16:91366 × 768HD · Common on smaller laptops~16:91920 × 1080Full HD · Widely used desktop standard16:92560 × 1440QHD · Popular choice for 27-inch displays16:93840 × 21604K UHD · Common on large monitors and TVs16:95120 × 28805K · High-end desktop displays16:9Compare
Screen vs viewport
Screen
···
Browser viewport
···
Visual viewport
···
Your screen resolution and browser viewport are different. Screen resolution describes the display, while viewport size describes the browser area available to the webpage.
Pixel density
Pixels per inch (PPI)
Estimate PPI from your display's native resolution and diagonal size.
···
Use your display's native resolution from its specifications. Browser-reported values can differ because of scaling and zoom.
Guide
How to test
01
Open on target display
Move the window to the screen you want to check.
02
Check reported values
Compare screen size, viewport, DPR, and scale to your expectations.
03
Compare with OS settings
Verify against your display settings and scaling.
Definitions
Resolution information
Screen resolution
The screen dimensions reported by your browser, measured in CSS pixels.
Viewport size
The current browser content area. It can be smaller than your screen resolution because of browser UI and window size.
Device pixel ratio
The ratio between physical display pixels and CSS pixels.
A note on accuracy
Browser-reported values can be affected by display scaling, zoom, operating-system settings, and browser behavior. Screen resolution (screen.width × screen.height) describes the display your browser sees, while viewport size (window.innerWidth × window.innerHeight) describes the area available to the webpage. Operating-system display scaling, browser zoom, remote desktops, virtual machines, and browser or device limitations can affect reported values, so these may differ from your panel's native physical resolution.
How to use
Check your screen resolution
- Open the tool on the display you want to check.
- Read your detected resolution.
- Resize the browser to compare viewport dimensions.
- Rotate your device to see the orientation update.
Works on:
- Desktop monitors
- Laptops
- Tablets
- Phones
- TVs with a browser
Setup tips
Getting the right resolution
Use native resolution
Select your monitor's native resolution in the operating-system display settings so pixels map one to one.
Match scaling to the display
Display scaling can affect how your operating system and browser expose screen dimensions in CSS pixels. Scaling does not physically change your monitor's native pixel count.
Update graphics drivers
If an expected resolution is missing from display settings, updated graphics drivers can help.
What is Screen Resolution Test?
Screen resolution is the number of dots (pixels) your screen uses to show the picture, like 1920 × 1080. More dots can show more detail. This test shows what your browser reports for your screen.
FAQ
Screen Resolution Test FAQ
01How do I check my screen resolution?
Open the resolution checker to see the display and viewport information reported by your browser.
02What is my screen resolution?
Your browser can report the current screen dimensions in CSS pixels, but this does not always equal the physical panel resolution.
03Why is my screen resolution different from the monitor's advertised resolution?
Display scaling, browser behavior, operating-system settings, remote desktops, and other factors can make browser-reported values different from the panel's native resolution.
04What is the difference between screen resolution and viewport size?
Screen resolution describes the screen dimensions reported by the system, while viewport size describes the area currently available to the browser page.
05What does device pixel ratio mean?
Device pixel ratio describes the relationship between CSS pixels and device pixels used by the browser.
06Can a website tell my monitor's true native resolution?
Not reliably in every situation. Browser APIs report system and display information, but they cannot guarantee the physical panel's native resolution.