Calculate display pixel density (PPI) from resolution and screen size. Compare devices, check Retina thresholds, and understand pixel density impact.
Pixel density — measured in pixels per inch (PPI) — determines how sharp text and images appear on a display. A 4K monitor at 32 inches looks different from 4K on a 15-inch laptop because the same pixels are spread over different physical areas. Our PPI Calculator computes the exact pixel density for any display based on its resolution and physical size.
Enter the horizontal and vertical pixel resolution along with the diagonal screen size to calculate PPI, total pixel count, and display area. The calculator also indicates whether the display meets Apple's Retina threshold (which varies by viewing distance), shows the device pixel ratio (DPR) relevant to web developers, and compares common device specifications.
Understanding PPI is important for designers, developers, and consumers. Designers need PPI to ensure artwork appears at the correct physical size. Web developers use device pixel ratio to serve appropriate image resolutions. Consumers benefit from understanding why a phone's 6-inch 1080p display can look sharper than a laptop's 14-inch 1080p screen — it's all about pixel density.
Make informed display purchases, set appropriate design asset resolutions, and understand why some screens look sharper than others despite similar specs. Keep these notes focused on your operational context. Tie the context to the calculator’s intended domain. Use this clarification to avoid ambiguous interpretation. Align this note with review checkpoints. Apply this where interpretation shifts by use case.
Diagonal Pixels = √(Width² + Height²) PPI = Diagonal Pixels / Diagonal Inches Display Area = (Width / PPI) × (Height / PPI) Dot Pitch = 25.4 / PPI (mm per pixel)
Result: 163 PPI
Diagonal pixel count = √(3840² + 2160²) = 4,406 pixels. Divided by 27 inches = 163.2 PPI. This provides excellent sharpness at typical desktop viewing distance (24-30 inches).
The human eye can resolve approximately 1 arc minute of detail under ideal conditions, which translates to different PPI requirements at different viewing distances. At 10 inches (typical phone distance), the threshold is approximately 344 PPI. At 20 inches (laptop distance), it drops to about 172 PPI. At 30 inches (desktop monitor distance), about 115 PPI is sufficient. These calculations follow the formula: threshold PPI = 3438 / distance_inches.
In practice, people can often perceive improvements beyond these theoretical limits, especially for text rendering where sub-pixel antialiasing interacts with physical pixel arrangements. PenTile OLED displays, which use fewer sub-pixels than RGB-stripe LCDs, may appear slightly less sharp at the same nominal PPI. This is why Samsung Galaxy phones with PenTile screens use higher resolutions to compensate.
Not all PPI is created equal. Different display technologies render sub-pixels differently. Traditional LCD panels use RGB stripe sub-pixel layouts with three sub-pixels (red, green, blue) per pixel. OLED panels often use PenTile Diamond arrangements with only two sub-pixels per pixel, effectively reducing the sub-pixel density. Apple's ProMotion displays and modern OLED screens use different arrangements that optimize perceived sharpness.
ClearType (Windows) and sub-pixel antialiasing (macOS) exploit these sub-pixel layouts to effectively triple the horizontal resolution for text rendering. This means a 100 PPI display with good sub-pixel rendering can produce text that appears as sharp as 150+ PPI without it. This is why macOS text historically looked better on Apple displays optimized for their rendering pipeline.
Web developers must account for device pixel ratio (DPR) to deliver appropriately sized images. A device with 2× DPR displays CSS pixels using a 2×2 grid of physical pixels. Serving a 400×300 CSS-sized image as a 400×300 file looks blurry on 2× screens — you need an 800×600 source file. Using srcset and sizes attributes in HTML, or resolution-switching in CSS with image-set(), allows serving different image files based on DPR, balancing sharpness against bandwidth. This is especially important for e-commerce product images, hero images, and any visual content where quality directly impacts user experience.
It depends on viewing distance. For phones (10-18 inches), 300+ PPI is ideal. For laptops (18-24 inches), 200+ PPI is excellent. For desktop monitors (24-36 inches), 100-160 PPI is standard, and 160+ is high-density.
Apple considers a display Retina when individual pixels are indistinguishable at typical viewing distance. This is ~300 PPI for phones, ~260 PPI for tablets, and ~220 PPI for laptops. The threshold follows the formula: PPI > 3438 / distance_inches.
DPR is the ratio between physical pixels and CSS pixels. A DPR of 2 means each CSS pixel is rendered by a 2×2 grid of physical pixels. This affects how web content is scaled and what image resolutions are needed.
Not necessarily. Beyond the Retina threshold for a given viewing distance, additional PPI provides no visible benefit but costs more and requires more GPU power. For monitors, 4K at 27" (163 PPI) is the practical sweet spot.
PPI (pixels per inch) describes screens. DPI (dots per inch) describes printers. They measure similar density concepts but in different media. In casual usage, PPI and DPI are often interchanged for screens, but technically PPI is correct.
High-PPI displays often use scaling (125%, 150%, 200%) to keep UI elements physically large enough to read. A 4K 27" monitor at 100% scaling has tiny text; at 150% scaling, effective resolution becomes equivalent to 2560×1440 at larger PPI.