retina hidpi dpr screen

HiDPI, Retina and DPR screens

See how high-density displays use more physical pixels while keeping UI readable.

Viewport in CSS pixels—

CSS screen—

Physical viewport—

Estimated physical screen—

DPR—

Available area—

Orientation—

Aspect ratio—

Color—

Measurements are read locally through browser APIs and do not uniquely identify your screen.

Continue in the tool

Open full tool

More pages for this tool

How to interpret it

On HiDPI screens, the browser maps multiple physical pixels to one CSS pixel, improving sharpness without shrinking visual size.

Quick example

Lookup

Input: DPR 3
Expected output: 1 CSS px pode ocupar 3 × 3 pixels físicos

Use the result as technical reference and confirm official sources when there is operational impact.

Check

Input: tela retina hidpi dpr
Expected output: retina hidpi dpr screen

The main tool remains interactive; this page organizes the search intent.

Full tool FAQ

What is a viewport?

The viewport is the visible area of the page in the browser, measured in CSS pixels. It changes when resizing the window, opening sidebars, changing zoom or rotating the device.

What is devicePixelRatio?

Why is physical resolution estimated?

Is screen width the same as monitor size?

What is the difference between screen and available area?

Why does this matter for responsive design?

Does orientation come from the device or the window?

Does this tool do fingerprinting?

Frequently asked questions

Is higher DPR always better?

On HiDPI screens, the browser maps multiple physical pixels to one CSS pixel, improving sharpness without shrinking visual size.

Does the tool work locally?

Yes. The main interface runs in the browser and avoids uploading sensitive data when the feature depends on local hardware.