IP Browser Tools

DISPLAY TOOL

What is My Screen Resolution?

See your full screen dimensions, browser viewport, pixel density, and color information.

—

Screen

Physical display area

DISPLAY SPECIFICATIONS

Screen Width —
Screen Height —
Viewport Width —
Viewport Height —
Available Width —
Available Height —
Device Pixel Ratio —
Color Depth —
Pixel Depth —
Orientation —
Max Touch Points —
Estimated DPI —

Related Tools

My BrowserDevice InfoUser Agent

Understanding Pixels, Screen Size, and Viewports

Your display coordinates tell developers how much space is available to lay out website columns, text boxes, and media elements. However, modern displays represent screen size in different ways:

The Screen Resolution is the absolute grid count of hardware pixels present on your display (like 3840x2160 on a 4K screen). But if web browsers laid out pages using physical hardware pixels, text on high-density screens would be too tiny to read.

The Role of Device Pixel Ratio (DPR)

To make websites readable, browsers scale rendering using logical CSS Pixels. The relationship between physical hardware pixels and logical CSS pixels is defined by the Device Pixel Ratio (DPR).

For example, a device with a DPR of 2.0 uses a 2x2 grid (4 physical pixels) to draw a single logical CSS pixel. This creates sharp rendering and clean text curves. The Viewport represents the actual remaining layout window available for website code, subtracting toolbars, scrollbars, and system navigation trays.

Frequently Asked Questions

What is the difference between Screen Resolution and Viewport Size?
Screen Resolution is the total number of physical pixels across your entire display (e.g. 1920x1080). Viewport Size is the usable area inside your web browser window where website content is actually rendered, excluding browser toolbars and borders.
What is Device Pixel Ratio (DPR)?
Device Pixel Ratio (DPR) is the ratio between physical pixels and logical (CSS) pixels on your screen. High-density screens (like Apple Retina or modern smartphone displays) use a DPR of 2 or 3, meaning they render 4 or 9 physical pixels for every 1 CSS pixel to create sharper text and graphics.
What is Color Depth?
Color Depth (or bit depth) is the number of bits used to represent the color of a single pixel on a display. A color depth of 24 bits (True Color) supports over 16.7 million colors, while 30 or 32 bits represent deep color standards.
How does screen orientation detection work?
The tool uses JavaScript's window.screen.orientation API. It dynamically tracks whether your screen is currently in Portrait (vertical) or Landscape (horizontal) orientation and listens for rotation events to update the display in real time.