What is Pixels Per Inch (PPI)? Display Density Explained

Pixels Per Inch (PPI) measures the physical pixel density of an electronic display. It quantifies how many individual illuminated pixels are packed into one linear inch of screen space. Understanding PPI is essential for anyone using digital measurement tools, designing for screens, or evaluating display quality.

What Exactly Is a Pixel?

A pixel (short for “picture element”) is the smallest individually controllable point of light on a digital display. On an LCD screen, each pixel is a cluster of three sub-pixels — one red, one green, and one blue (RGB) — that combine to produce any color. On OLED screens, each pixel emits its own light independently.

The more pixels packed into a given physical area, the sharper text and images appear, and the more accurately a digital ruler can render physical measurements.

Formula to Calculate Monitor PPI

To calculate the exact PPI of any display, you need two pieces of information: the screen’s pixel resolution and its physical diagonal size in inches. Apply the Pythagorean theorem:

PPI = √(width_pixels² + height_pixels²) / diagonal_inches

Worked Example: 27-inch 4K Monitor (3840 × 2160)

1. Square the width: 3840² = 14,745,600
2. Square the height: 2160² = 4,665,600
3. Add them: 14,745,600 + 4,665,600 = 19,411,200
4. Square root: √19,411,200 ≈ 4,405.8 pixels (diagonal pixel count)
5. Divide by diagonal: 4,405.8 ÷ 27 = 163.2 PPI

Worked Example: iPhone 15 Pro (2556 × 1179, 6.1-inch)

1. Square the width: 2556² = 6,533,136
2. Square the height: 1179² = 1,390,041
3. Add them: 6,533,136 + 1,390,041 = 7,923,177
4. Square root: √7,923,177 ≈ 2,814.8 pixels
5. Divide by diagonal: 2,814.8 ÷ 6.1 = 461.4 PPI

PPI of Popular Devices

Device	Resolution	Screen Size	PPI	Category
Budget 24” Monitor	1920 × 1080	24.0”	92	Low density
Dell 27” 4K	3840 × 2160	27.0”	163	Standard HiDPI
MacBook Air 13” M2	2560 × 1664	13.6”	224	Retina
MacBook Pro 16” M3	3456 × 2234	16.2”	254	Retina XDR
iPad Pro 11”	2388 × 1668	11.0”	264	Retina
iPhone 15 Pro	2556 × 1179	6.1”	461	Super Retina
Samsung Galaxy S24 Ultra	3120 × 1440	6.8”	505	Quad HD+
Samsung Galaxy S24	2340 × 1080	6.2”	416	Full HD+
Google Pixel 9 Pro	2992 × 1344	6.3”	514	LTPO OLED

Notice the enormous range: a cheap desktop monitor has ~92 PPI while a flagship phone has ~500 PPI — over 5× the density.

PPI vs. DPI: Understanding the Difference

These two terms are frequently confused, but they refer to completely different technologies:

PPI (Pixels Per Inch) — Digital Screens

• Measures illuminated pixel density on electronic displays
• Determined by the hardware manufacturer (you cannot change it)
• Applies to: monitors, laptops, phones, tablets, TVs, e-readers
• Higher PPI = sharper screen image, smoother text rendering

DPI (Dots Per Inch) — Physical Printing

• Measures ink dot density sprayed onto paper by printers
• Configurable in printer driver settings (300 DPI, 600 DPI, 1200 DPI, etc.)
• Applies to: inkjet printers, laser printers, offset printing presses
• Higher DPI = finer print quality, smoother gradients

Key distinction: PPI describes how many pixels your screen displays; DPI describes how many ink dots your printer deposits. A 300 DPI print viewed on a 163 PPI monitor will appear different than the physical printed page.

What Is Device Pixel Ratio (DPR)?

Modern operating systems use display scaling to make UI elements appear at readable sizes on high-density screens. The Device Pixel Ratio (window.devicePixelRatio in JavaScript) tells you how many hardware pixels correspond to one CSS pixel:

DPR	Meaning	Common Devices
1.0	1 CSS px = 1 hardware px	Most external monitors at 100% scaling
1.25	1 CSS px = 1.25 hardware px	Windows laptops at 125% scaling
1.5	1 CSS px = 1.5 hardware px	Windows laptops at 150% scaling
2.0	1 CSS px = 2 hardware px	Apple Retina displays, many Android phones
3.0	1 CSS px = 3 hardware px	iPhone Pro models, high-end Android

Why DPR Matters for Screen Rulers

When a web page draws a line that is 96 CSS pixels long, the browser calls it “1 inch” (because the CSS spec defines 1in = 96px). But on a device with DPR = 2.0, those 96 CSS pixels actually use 192 hardware pixels.

If the screen has 224 PPI (like a MacBook Air), then 192 hardware pixels = 192 ÷ 224 = 0.857 inches — not a true inch!

This is exactly why digital rulers must know the actual PPI. RulerInches uses both the DPR and the hardware pixel resolution to calculate the correct physical scaling factor.

How PPI Affects Digital Ruler Accuracy

The relationship between PPI and screen ruler accuracy is direct:

1 physical inch on screen = PPI hardware pixels = (PPI / DPR) CSS pixels

If a ruler assumes 96 CSS pixels per inch but your screen actually has 224 PPI at DPR 2.0, the correct CSS pixel count for 1 inch is:

224 / 2.0 = 112 CSS pixels per physical inch (not 96!)

A ruler that draws 96 CSS pixels would show a “1-inch” line that physically measures only 96/112 = 0.857 inches — a 14.3% error.

On a phone with 461 PPI and DPR 3.0:

461 / 3.0 = 153.7 CSS pixels per physical inch

A 96-pixel “inch” would physically measure 96/153.7 = 0.625 inches — a massive 37.5% error!

The “96 PPI” Legacy Standard

In 1996, Microsoft established 96 PPI as the default for Windows, while Apple used 72 PPI for Mac OS. The CSS specification later standardized on 96 PPI as the reference pixel density.

These were reasonable defaults for the CRT monitors of that era, which typically had 72–100 PPI. But as display technology evolved — from CRTs to LCDs to OLED Retina displays — the gap between the 96 PPI assumption and physical reality has grown enormous.

Today, no mainstream smartphone or tablet has a PPI anywhere near 96. This is why every “online ruler” that doesn’t perform proper calibration gives wildly inaccurate measurements on modern devices.

How to Find Your Screen’s PPI

1. Check your device specs: Search “[your device model] PPI” or check the manufacturer’s specification page
2. Calculate it manually: Use the PPI formula above with your resolution and screen diagonal
3. Use RulerInches auto-detection: Our tool automatically identifies your device’s PPI from our hardware database
4. Calibrate manually: Use the credit card calibration method on RulerInches to derive your PPI empirically

---

Related Guides

• How to Calibrate Your Screen Ruler
• How to Measure Screen Size