Screen Resolution Test

Resolution = Width × Height in Pixels

Screen resolution is the number of individual pixels a display can show, expressed as width × height. A 1920×1080 screen renders 1,920 columns and 1,080 rows of pixels — 2,073,600 pixels in total. Higher resolution means more pixels on the same physical area, producing sharper, more detailed images. Resolution is the single most important specification affecting display sharpness and how much content you can fit on screen simultaneously.

What Is a Pixel?

A pixel (picture element) is the smallest addressable unit of a digital display. Each pixel is composed of three subpixels — red, green, and blue (RGB) — whose individual intensities combine to produce any of the 16.7 million colors available in 24-bit color depth. On high-DPI displays such as Apple Retina, AMOLED phones, and 4K monitors, the physical pixel pitch (the gap between pixels) is so small that individual pixels are invisible at typical viewing distances.

Aspect Ratio Explained

The aspect ratio is the proportional relationship between width and height. 16:9 is the near-universal standard for modern monitors, TVs, and laptops — meaning for every 16 units of width there are 9 units of height. 16:10 monitors (used by MacBook Pro and some pro monitors) offer a slightly taller viewport, reducing the need to scroll. 21:9 ultrawide displays double as productivity tools, replacing the need for two monitors side by side. 4:3 was the older TV and CRT standard, now only found on legacy hardware.

Resolution vs Display Size

A larger screen does not automatically mean a sharper image. A 32-inch 1080p monitor looks blurry at close range because the same 2 million pixels are spread over a much larger area. A 15-inch 4K laptop display looks razor-sharp because the same 8 million pixels are packed into a small area. This is why pixel density (PPI) — not raw resolution or physical size — is the true measure of display sharpness.

PPI / DPI

Pixels Per Inch

PPI (pixels per inch) measures how many pixels are packed into one linear inch of screen. A 1080p 24" monitor has roughly 92 PPI — comfortable for desktop use but not sharp enough for close-range mobile viewing. A 6" smartphone at 1080p has approximately 367 PPI — far beyond the threshold at which individual pixels are visible. Apple calls their high-PPI threshold "Retina" (roughly 300+ PPI at phone distance).

DPR

Device Pixel Ratio

The Device Pixel Ratio (DPR) is the ratio of physical pixels to CSS logical pixels. A DPR of 2 (common on Retina displays and most modern smartphones) means that every 1 CSS pixel is rendered using 2×2 = 4 physical pixels. This is why a MacBook Pro with a 2560×1600 physical screen may report a screen resolution of 1280×800 in window.screen — the browser works in CSS pixels, not physical pixels. The DPR bridges this gap.

Color Depth

Bit Depth & Color

Color depth (bit depth) determines how many distinct colors each pixel can display. The modern standard is 24-bit True Color — 8 bits per RGB channel — producing 16,777,216 possible colors per pixel. Professional displays support 10-bit color (HDR content, 1.07 billion colors) and some cinema monitors reach 12-bit. Most consumer monitors and all modern smartphones report 24-bit color depth in the browser, regardless of whether they support 10-bit internally at the hardware level.