At One Place

Screen resolution and display info

Read from your browser. Nothing is transmitted.

Your screen resolution, viewport size, pixel ratio, colour depth and refresh rate.

How it works

Reports what your browser knows about this display: screen resolution, the viewport actually available to the page, device pixel ratio, colour depth and refresh rate.

Screen resolution and viewport size are different numbers and the difference confuses a lot of people. Resolution is the physical panel; the viewport is what remains after browser chrome, and it is the one that matters for responsive design.

Device pixel ratio is the other source of confusion. A ratio of 2 means the browser reports half the physical pixel count in CSS pixels, so a "1440-wide" laptop may in fact have a 2880-pixel panel. This is why a screenshot from a modern laptop is twice the dimensions its CSS suggests.

Everything here is read from your own browser and never transmitted.

This tool runs entirely in your browser. Nothing you enter is sent to a server, logged or stored, and the page keeps working with the network disconnected.

Common questions

What is the difference between screen resolution and viewport size?
Resolution is the physical panel. Viewport is the area left for the page after browser chrome, and it is what responsive CSS responds to.
What is device pixel ratio?
The number of physical pixels per CSS pixel. A ratio of 2 means a 1440-wide viewport sits on a 2880-pixel panel, which is why screenshots come out larger than expected.

Related pages

Sources

  1. Calculated on this page — At One Place

How these figures are compiled and checked