# Screen Resolution Checker

> See your current viewport and screen size, device pixel ratio, color depth, orientation, and more. Useful for responsive design and bug reports.

URL: https://uttir.com/screen-resolution
Categories: web-tools
Privacy: Reading display info happens in your browser. Nothing is uploaded.

## About

When you are debugging a responsive design issue or filing a bug report, the first thing an engineer will ask is "what is your screen size?". This tool answers that and more — viewport size, screen size, device pixel ratio, color depth, language, time zone, touch support, and online status.

Useful for designers checking what users actually see, developers filing bug reports, and anyone curious about their own setup.

## How to use

1. **Open the page** — The tool reads your screen and viewport on load.
2. **Resize or rotate** — Resize the window or rotate your device to see the values update.

## Examples

### A typical desktop

1920×1080 viewport, 1× pixel ratio, landscape, no touch.

Output:

```
Width 1920 · Height 1080 · Ratio 1.0 · Landscape
```

### A typical phone

390×844 viewport, 3× pixel ratio, portrait, touch supported.

Output:

```
Width 390 · Height 844 · Ratio 3.0 · Portrait · Touch
```

## FAQ

### Why are there two sizes (viewport vs screen)?

The viewport is the size of the browser window — what your page actually renders into. The screen is the size of the physical display, including the taskbar, browser chrome, etc. The viewport is what matters for layout; the screen matters for media queries at the device level.

### What is device pixel ratio?

The ratio between physical pixels and CSS pixels. A 3× display has 3 physical pixels for every CSS pixel, which makes text and graphics sharper. A 1× display has a 1:1 mapping and may look more pixelated.

### What is the difference between resolution and viewport?

Resolution is the actual pixel count of the screen (e.g. 1920x1080). Viewport is the size of the browser window inside the screen, which is usually smaller after the browser chrome is subtracted.

### What is the difference between CSS pixels and device pixels?

CSS pixels are the abstract unit browsers use for layout. Device pixels are the actual physical pixels on the screen. The ratio is the device pixel ratio (DPR), usually 1, 2, or 3. The tool shows both counts and the DPR.

## Related tools

- [User Agent Parser](https://uttir.com/user-agent-parser) — Identify the browser, OS, and device type from any user-agent string. Detects bots and crawlers too.
- [JSON Formatter](https://uttir.com/json-formatter) — Format, beautify, and validate JSON with adjustable indentation — instantly in your browser.
- [HTTP Status Code Lookup](https://uttir.com/http-status-codes) — Look up any HTTP status code from 100 to 511 with plain-language explanations, searchable and filterable by category.

---

For the full HTML page with the live tool, visit https://uttir.com/screen-resolution.
This file is the markdown rendering at https://uttir.com/screen-resolution.md. See https://uttir.com/llms.txt for a site-wide summary.