Screen Resolution & Display Info

Your browser reports these values in real time. Resize the window to see viewport values update instantly.

Screen Resolution
Detecting…
Full physical display size in pixels.
Viewport Size
Detecting…
Visible browser area — updates when you resize the window.
Pixel Ratio (DPR)
Detecting…
Physical pixels per CSS pixel. Retina/HiDPI screens typically show 2×.
Color Depth
Detecting…
Bits used per pixel. 24-bit = ~16 million colors.
Refresh Rate
Detecting…
Measured via requestAnimationFrame. Close other tabs for accuracy.
Orientation
Detecting…
Current screen orientation reported by the browser.

Screen resolution is the number of pixels displayed horizontally × vertically. A 1920×1080 screen has ~2 million pixels. Higher resolution means sharper detail.

DPR compares physical pixel count to logical (CSS) pixel count. A DPR of 2 means the screen has twice as many physical pixels as CSS pixels — common on Retina/HiDPI displays. A standard display has a ratio of 1.

Screen resolution is the full physical display. Viewport is the area inside your browser window, excluding toolbars and the browser UI. Both shrink when a window is not maximized.

Refresh rate (Hz) is how many times per second the screen updates. 60 Hz = 60 frames per second. Higher rates (120 Hz, 144 Hz) give smoother motion. We measure it using requestAnimationFrame timing.