Screen Resolution Detector
Instantly detect your screen resolution, viewport size, device pixel ratio, color depth, orientation, and browser information.
About Screen Resolution Detector
Our Screen Resolution Detector instantly shows you detailed information about your display setup. With a single click, you'll see your screen resolution, viewport dimensions, device pixel ratio, color depth, screen orientation, and browser details — all detected automatically from your device.
Understanding your screen resolution is important for web developers testing responsive designs, designers creating assets at the right dimensions, and anyone troubleshooting display issues. The viewport size tells you the actual usable area of the browser window, while the device pixel ratio reveals whether you're using a high-DPI (Retina) display.
This tool runs entirely in your browser using the JavaScript Screen and Window APIs. No data is sent to any server, and no installations or plugins are required. Simply click the button and get your complete screen information instantly.
Frequently Asked Questions
Q What is the difference between screen resolution and viewport size?
Screen resolution is the total number of pixels your monitor displays (e.g., 1920 x 1080). Viewport size is the actual area of the browser window where web content is displayed, which is smaller because it excludes browser chrome like toolbars, address bars, and scrollbars. The viewport changes when you resize your browser window, while screen resolution stays the same.
Q What is device pixel ratio (DPR)?
Device pixel ratio (DPR) is the ratio of physical pixels to CSS pixels on your screen. A DPR of 1 means one CSS pixel equals one physical pixel. A DPR of 2 (common on Retina displays) means one CSS pixel uses a 2x2 grid of physical pixels, making content appear sharper. Higher DPR values indicate higher-density displays.
Q Why does my screen resolution show differently than what my monitor supports?
The browser's screen resolution detection reflects your current display settings, not the maximum your monitor supports. If you're using display scaling (like 125% or 150% on Windows), the reported resolution may differ from the native resolution. Also, if you're using multiple monitors, the values reflect the monitor where the browser window is located.