Screen resolution
Measuring…
← All tools
Live browser diagnostic
DPR Checker
See your device pixel ratio for responsive images, retina assets, and layout debugging.
Current device pixel ratio
Measuring…
How many physical pixels are used for one CSS pixel.
High-DPI check
DPR 2+ is common on retina screens.
Image quality
Helps choose sharper responsive images.
Scaling clue
Explains viewport vs resolution differences.
Share result link/card
Generating share card…
Full diagnostics
Detailed browser, display, viewport, DPR, OS, orientation, color depth, and refresh-rate values.
Current viewport
Measuring…
This is the CSS viewport your website sees.
Device pixel ratio
Measuring…
Visual viewport
Measuring…
Browser
Measuring…
Operating system
Measuring…
Orientation
Measuring…
Color depth
Measuring…
Refresh rate
Measuring…
Zoom/scaling note: Checking…
Share result link/card
Generating share card…
How to use this result
DPR means device pixel ratio. A DPR of 2 means one CSS pixel maps to roughly two physical pixels in each direction.
Use DPR when preparing responsive images, checking retina assets, and explaining why a website width can look smaller than the physical screen resolution.
Privacy note
This MVP checker runs in your browser. It does not require signup, file uploads, or personal account data to show your screen metrics.
MVP checker guide
How to use DPR in frontend work
Device pixel ratio explains the relationship between CSS pixels and physical display pixels. It affects image sharpness, screenshots, and how large a website appears on high-density screens.
Responsive images
Use DPR as context when preparing 1x, 2x, or 3x image assets and testing srcset behavior.
Retina asset testing
A DPR of 2 means each CSS pixel can map to roughly two physical pixels in each direction.
Layout debugging
DPR helps explain why physical screen resolution and CSS viewport width are not identical.
Frequently asked questions
What is DPR?
DPR means device pixel ratio, the ratio between physical device pixels and CSS pixels.
Is a higher DPR better?
A higher DPR can make text and images look sharper, but it also affects asset sizes and rendering behavior.
Why is my DPR 1.25 or 1.5?
Fractional DPR values can happen because of browser zoom, OS display scaling, or device settings.
Does DPR affect screenshots?
Yes. Screenshots and physical pixels can differ from CSS dimensions on high-DPI displays.
Content cluster
Related guides
Use these supporting guides to understand the tool result and next testing steps.
Related tools
Continue with another ScreenMetricLab utility.