Screen Resolution & Viewport
See your screen and browser dimensions — resolution, viewport, device pixel ratio, color depth and orientation. Resize the window and the viewport updates live.
About the screen resolution tool
Instantly see your screen and browser dimensions — resolution, viewport size, device pixel ratio, color depth and orientation. Resize your window and the viewport figures update live, which is handy for responsive design and bug reports.
All values are read from your browser; nothing is collected.
Full screen resolution plus the current browser viewport size.
Device pixel ratio for retina/HiDPI awareness.
Reports color depth and orientation.
Read directly from your browser, not collected.
Frequently asked questions
What's the difference between screen resolution and viewport size?
Screen resolution is your display's full pixel size; the viewport is the area your browser renders into, which is smaller because of toolbars, scrollbars and window size.
What is device pixel ratio?
The ratio of physical pixels to CSS pixels. A value of 2 (common on retina/HiDPI screens) means each CSS pixel is drawn with a 2×2 block of physical pixels.
Why does the viewport change when I resize?
The viewport reflects your current browser window, so it updates as you resize — useful for testing responsive breakpoints.
Is any of this data collected?
No. The values are read locally and never sent anywhere.