Screen Resolution Tester

Your screen and viewport specs live

Your viewport inside your screen

Screen resolution

0 × 0

Aspect ratio 0:0

Viewport size

0 × 0

Updates live as you resize

Device pixel ratio

1

0 × 0 physical px

Color depth

0-bit

Pixel depth 0-bit

Orientation

unknown

Available screen

0 × 0

Excluding OS taskbars

Screen resolution is your display's full size; viewport is the area this page can actually use. Device pixel ratio tells you how many physical pixels make up one CSS pixel (retina displays use 2 or more). Everything runs locally in your browser.

About this tool

Designing responsively starts with knowing your numbers. See screen resolution, live viewport dimensions, pixel ratio, color depth and orientation in one glance.

Resize the window and watch the viewport update in real time. Essential for developers and designers.

How to use the screen resolution tester

  1. 1Open the tool.
  2. 2See your screen and viewport specs instantly.
  3. 3Resize the window to watch viewport update live.

Frequently asked questions

Screen is your display's full resolution. Viewport is the browser's current visible area, what responsive design targets.

More free tools you might find useful.

Part of Fun Tools on JoliTools, free tools, no sign-up.