What Is My Screen Size

What Is My Screen Size?

This tool reads your current screen and browser details and shows them in eight clear cards. You don’t need to install anything or measure anything by hand. Open the page and the results are already there.

It’s useful when you need exact numbers for a design, a bug report, a support ticket, or a quick hardware check.

What the Tool Shows

Here is what each card means. The example values come from a real result: a 12.6″ display with a 1536 × 864 panel.

Screen Size (Diagonal, Estimated)

This is the estimated diagonal of your display in inches. Example: 12.6″. Because it is an estimate, it may differ slightly from the size on the manufacturer’s spec sheet.

Resolution (Logical Screen)

This is the screen size your browser works with, after display scaling. Example: 1054 × 593. Websites and CSS layouts respond to this value, not to the raw hardware pixels.

Aspect Ratio

This is the ratio of width to height, along with the orientation. Example: 16:9, landscape.

Pixel Density (PPI, Estimated)

This is how many pixels fit in one inch of your screen. Example: 140 PPI. A higher number means sharper text and images at the same physical size.

Color Depth

This is how many bits are used to describe color. Example: 24-bit, which equals 16.7 million colors.

Pixel Ratio (DPR)

Device Pixel Ratio compares hardware pixels to logical pixels. Example: 1.4575. A DPR of 1 means one hardware pixel per logical pixel. Higher values mean the system is scaling content up, so it stays readable on dense screens.

Physical Res (Hardware Pixels)

This is the actual pixel grid of your display. Example: 1536 × 864.

Viewport (Available Browser Area)

This is the space your browser has for page content right now. Example: 1318 × 597. Unlike the other values, it changes when you resize the window.

How Logical and Physical Resolution Connect

The two resolutions are linked by the pixel ratio:

Logical resolution × DPR = Physical resolution

Using the example above: 1054 × 1.4575 ≈ 1536, and 593 × 1.4575 ≈ 864.

This explains a common confusion. Your display may be 1536 × 864, yet websites see 1054 × 593 because of scaling. If you are building or testing a layout, the logical resolution and viewport are the numbers that matter.

How to Use the Tool

1. Open the page. Your results appear automatically.
2. Read the eight cards.
3. Resize your browser window, or change your display scaling or zoom.
4. Click Refresh data to update the readings.
5. Click Copy details to copy the results so you can paste them into a message, ticket, or document.

Who Needs This Information?

• Web designers and developers: Check the viewport, logical resolution, and DPR when testing responsive layouts.
• Image and graphics creators: Use the physical resolution and DPR to choose sharp image sizes.
• Support and QA teams: Use Copy details to share exact display information with a colleague or in a bug report.
• Everyday users: Confirm your resolution before changing display settings, buying a wallpaper, or setting up a second monitor.
• Buyers comparing laptops or monitors: Compare your current screen’s PPI and resolution against the specs of a device you are considering.

Practical Tips

• Check the viewport after resizing. Only the viewport changes when you resize the window. The other values change when your display settings or zoom change.
• Use the physical resolution for full-screen images. For a sharp full-screen background, the hardware pixel count is the number to aim for.
• Treat estimates as estimates. Screen size and PPI are labeled as estimated. For the exact diagonal, check the manufacturer’s specifications.
• Include DPR in bug reports. Layout and sharpness problems often appear only at certain pixel ratios.

Frequently Asked Questions

Why is my physical resolution higher than my logical resolution?

Your system scales content to keep it readable on a dense display. The scaling factor is the pixel ratio (DPR). In the example, a 1.4575 ratio turns a 1536 × 864 panel into a 1054 × 593 logical screen.

Why does the diagonal size differ from my laptop’s listed size?

The diagonal is estimated, not read from a hardware label. Small differences from the advertised size are normal. Use the manufacturer’s specs when you need the official figure.

Why is the viewport smaller than my screen resolution?

The viewport only counts the area available to the web page. Browser toolbars, tabs, and window borders take up space, and the window may not be maximized.

Do I need to refresh after changing zoom or display scaling?

Click Refresh data to update the readings after you change your window or display settings.

Is 24-bit color depth good enough?

Yes for most uses. 24-bit color supports 16.7 million colors, which is the standard shown for typical screens.

What does a PPI of 140 mean in practice?

It means roughly 140 pixels fit into each inch of your display. PPI helps you compare how sharp different screens are. Higher values generally mean finer detail.