Back to Home
Blog

Screen Resolution

Check your screen resolution & display info

Your screen resolution and full display details, detected live in your browser. Retina and HiDPI displays are accounted for. Resize the window and the values update instantly. Nothing is uploaded.

Your screen resolution

— × —

Other information

Detecting your display…

For web developers (JavaScript)

screen.width × screen.height = —
window.innerWidth × innerHeight = —
window.devicePixelRatio = —
screen.colorDepth = —

CSS resolution (screen.width × height) is what layouts use. Multiply by the device pixel ratio to get the physical pixel count of the panel.

Frequently Asked Questions

What is my screen resolution?

Your screen resolution is shown at the top of this page — it is the number of pixels your display uses horizontally by vertically, such as 1920 × 1080. It is detected live from your browser, so it is always accurate for the device you are using right now.

What is the difference between screen resolution and viewport size?

Screen resolution is the full size of your monitor or device display. Viewport size is just the area inside the browser window where web pages are drawn — it is smaller because it excludes the browser toolbar, tabs, and any open panels. This tool shows both.

Why is my physical resolution larger than my screen resolution?

On retina and HiDPI displays, each CSS pixel maps to multiple physical pixels. The device pixel ratio tells you how many. For example, a screen reported as 1280 × 800 with a pixel ratio of 2 has a physical panel of 2560 × 1600 pixels. Both values are shown here.

Does this work on phones and tablets?

Yes. The tool detects the resolution, pixel ratio, and orientation of whatever device you open it on, including phones and tablets. Rotate your device or resize the window and the values update instantly.