Skip to content
ToolSuite
Browser & Utilities

Device Pixel Ratio Viewer

Find your display density and how large an image needs to be to look sharp on it.

Tick and untick to take a fresh reading after resizing or rotating.

Processed in your browser

Your result will appear here as soon as you add some input.

How to use it

  1. 1The readings appear immediately - there is nothing to submit.
  2. 2Resize or rotate your device and toggle the checkbox to take a new reading.
  3. 3Nothing here is transmitted; every value comes from your own browser.

About the Device Pixel Ratio Viewer

The device pixel ratio is how many physical pixels the display uses for one CSS pixel. A value of 2 means an image shown at 300 CSS pixels wide needs 600 real pixels to look sharp.

Serving that larger image to everyone wastes bandwidth on ordinary displays, which is the problem the srcset attribute exists to solve.

Ratios are not always whole numbers - Windows scaling at 125% produces 1.25, and some Android devices report 2.75.

Questions people ask

Is any of this information sent anywhere?

No. Every value is read from your browser by JavaScript running in this page and displayed locally. Nothing is transmitted, logged or stored.

Is it free, and do I need an account?

Yes, it is free, and there is no account, no sign-up and no watermark on the result. The project is funded by optional donations.