What information does this tool show?

It displays your screen resolution (the physical display size), browser viewport size (the visible area inside the browser window), device pixel ratio (DPR), colour depth, and screen orientation.

What is the difference between screen resolution and viewport size?

Screen resolution is the total pixel count of your physical display. The viewport is the area the browser uses to render the page — it is smaller because the browser chrome (toolbar, address bar) takes up space.

What is device pixel ratio?

Device pixel ratio (DPR) is the ratio of physical pixels to CSS pixels. A DPR of 2 means the display is a "Retina" or HiDPI screen where one CSS pixel corresponds to 2 × 2 physical pixels.

Does the viewport size update when I resize the window?

Yes — the tool listens for window resize events and updates the viewport dimensions in real time as you drag the browser window.

Is any data sent to a server?

No — all screen information is read directly from browser APIs (window.screen, window.innerWidth, devicePixelRatio). Nothing is transmitted anywhere.

Screen Resolution Checker

See your screen resolution, browser viewport size, device pixel ratio, colour depth, and orientation. The viewport size updates live as you resize the window.

Your files never leave your device

Loading screen information…

How to Screen Resolution Checker

Open the page and your screen information is shown instantly.
The viewport size updates live as you drag or resize the browser window.
Check the device pixel ratio to determine if your device has a HiDPI (Retina) display.
The orientation indicator switches between Portrait and Landscape as you rotate your device.

Why Use This Tool?

Web designers and developers frequently need to know the exact screen and viewport dimensions to test responsive layouts and media query breakpoints. This tool provides all display metrics in one place.

Screen Resolution Checker

How to Screen Resolution Checker

Why Use This Tool?

Frequently Asked Questions