Screen Resolution Detector — Check Display
Detect your screen resolution, viewport, pixel ratio, and color depth online for free. No signup, instant detection.
Detect your screen resolution, viewport size, pixel ratio, and color depth. Useful for responsive design testing and debugging.
How to use Screen Resolution Detector — Check Display
- The tool automatically detects your display properties.
- View screen resolution, viewport, pixel ratio, and color depth.
- Resize your browser window to see viewport changes.
Features
- Shows screen resolution (physical pixels).
- Shows viewport size (CSS pixels).
- Displays device pixel ratio (DPR).
- Shows color depth and orientation.
FAQ
What is the difference between screen resolution and viewport?
Screen resolution is the physical pixel count of your display (e.g., 1920x1080). Viewport is the visible area of the web page in CSS pixels, which changes when you resize the browser window. CSS pixels may differ from physical pixels due to device pixel ratio.
What is device pixel ratio (DPR)?
DPR is the ratio of physical pixels to CSS pixels. A Retina display has DPR=2, meaning 1 CSS pixel = 2x2 physical pixels. This is why images need to be 2x resolution on Retina screens to look sharp.
Why does my resolution show differently than expected?
Some browsers report the scaled resolution rather than the native resolution, especially on high-DPI displays. Also, OS-level display scaling (125%, 150%) affects the reported CSS pixel dimensions.