Screen Resolution Checker
Instantly see your current screen resolution, available screen area, browser viewport dimensions, device pixel ratio, color depth, and screen orientation — all in one place. The display updates automatically when you resize your browser window.
This is especially useful for web developers and designers who need to verify responsive breakpoints, check device pixel ratios for retina/HiDPI asset selection, or confirm the actual viewport size being reported to CSS media queries.
No data is collected or sent anywhere. The tool reads standard browser APIs (window.screen, window.innerWidth/Height, window.devicePixelRatio) and displays the values. You can copy all readings to your clipboard with one click.
By The Paper Room Editorial Team — Developer Tools
Frequently asked questions
What is the difference between screen resolution and viewport size?▼
Screen resolution is the total number of CSS pixels your monitor reports (window.screen.width/height). Viewport size is the area inside your browser window where web content renders (window.innerWidth/Height), which is smaller because it excludes browser chrome like the address bar and bookmarks bar.
What does device pixel ratio mean?▼
Device pixel ratio (DPR) is the ratio between physical hardware pixels and CSS pixels. A DPR of 2 means each CSS pixel is rendered with a 2x2 grid of hardware pixels, which is why retina displays look sharper. It affects image sharpness and which @2x/@3x assets your site should serve.
Why does the available height differ from the screen height?▼
Available width and height exclude space taken by permanent OS elements like the taskbar (Windows), dock (macOS), or system bars. This is the maximum area a browser window could occupy if maximized.