Screen Resolution Detector

Real-time display of screen, window, and document dimensions with device pixel ratio and color information.

Screen Resolution

Width0px
Height0px
Avail Width0px
Avail Height0px

Screen resolution represents your monitor's physical pixel dimensions. Available dimensions exclude system UI elements like taskbars.

Browser Window Size

Inner Width0px
Inner Height0px
Outer Width0px
Outer Height0px

Inner dimensions represent the viewport (content area). Outer dimensions include browser chrome (toolbars, scrollbars).

Document Page Dimensions

Scroll Width0px
Scroll Height0px
Client Width0px
Client Height0px

Scroll dimensions include the entire document including overflow. Client dimensions represent the visible viewport area.

Device Pixel Ratio

Pixel Ratio (DPR)1x

Device Pixel Ratio indicates how many physical pixels correspond to one CSS pixel. Higher values (2x, 3x) are common on Retina/HiDPI displays for sharper rendering.

Color Information

Color Depth24-bit
Pixel Depth24-bit
Color Gamutunknown

Color depth indicates bits per pixel. Color gamut shows the range of colors your display can reproduce.

Screen Orientation

Current Orientationlandscape-primary

Screen orientation changes when you rotate your device or resize the browser window across aspect ratio thresholds.

About Screen Resolution

Screen Resolution: The physical pixel dimensions of your monitor or display device.

Window Size: The dimensions of the browser window, including or excluding UI elements.

Document Size: The dimensions of the web page content, including scrolled areas.

Device Pixel Ratio: Scale factor between CSS pixels and physical device pixels.

Color Depth: Number of bits used to represent the color of a single pixel.

Color Gamut: The range of colors that can be displayed (sRGB, P3, Rec. 2020).