Zoven

Screen Info

Check screen resolution, pixel density, and display info

What is the Screen Info?

The screen info works like this: it reports your screen resolution, viewport size, device pixel ratio and color depth - the diagnostics for CSS breakpoints. Everything happens on your device - the input never leaves your tab unless the tool clearly states it performs a server-side lookup.

How to use the Screen Info

1. Select or drop your image.
2. Adjust the available settings while watching the preview.
3. Check dimensions, quality and format before exporting.
4. Download the result and keep the original when quality matters.

Features

• Runs on your device via the Canvas and WebAssembly APIs
• Batch-friendly when you have several files
• Original images stay untouched

Common mistakes to avoid

• Over-compressing images that contain small text
• Exporting transparency to JPEG

Examples

Input	Result
Laptop with 125% scaling	CSS viewport 1536×824 · physical 1920×1080 · DPR 1.25

Best used for

• Getting a reliable answer for screen info without installing an app
• One-off tasks done in under a minute from any device
• Checking results before committing them to something important
• Working on a phone where desktop software is unavailable

Privacy

Images are processed on your device; nothing is uploaded unless a tool explicitly says a server lookup is involved.

Frequently asked questions

Why two different resolutions?

CSS pixels scale by the device pixel ratio; media queries see CSS pixels, screenshots see physical pixels.

What is device pixel ratio in the report?

How many physical pixels render one CSS pixel - 2 means each layout pixel is drawn on a 2x2 grid, which is why the same CSS width looks sharper on modern phones.

Why do viewport and screen resolution differ?

The viewport is the visible page area minus browser chrome, in CSS pixels; the screen resolution is the physical display - responsive design lives on the first number.

More like this

Zoven offers 200+ free browser tools. Browse by category - Calculators, Converters, Generators, Developer Tools and Media Tools - or read workflow guides on the Zoven blog.