What is a good PPI for a phone or tablet?

For a phone held at reading distance (25–30 cm), 300+ PPI is considered Retina quality — individual pixels become indistinguishable to most eyes. For tablets viewed slightly further away, 220+ PPI is generally sufficient. Most modern flagship phones range from 400–460 PPI. For desktop monitors viewed at arm's length, 100–110 PPI is ideal.

Screen Resolution Database

Complete resolution specs for 50+ popular devices. Search, filter, and compare screen resolutions, viewports, DPR, and PPI.

Written by J. Hassan, Display Technology Specialist · Last updated: May 2026

💡 Key Takeaway: This database lists the screen specifications of 100+ popular devices including phones, tablets, laptops, and monitors — with resolution, PPI, aspect ratio, and display technology data.

Showing 50 devices

Device ▼	Category	Screen Size	Resolution	CSS Viewport	DPR	PPI

Understanding the Data

Resolution is the physical pixel count of the display (width x height). CSS Viewport is the logical pixel size that web browsers report, which is the physical resolution divided by DPR. DPR (Device Pixel Ratio) is how many physical pixels map to one CSS pixel. PPI (Pixels Per Inch) measures pixel density — higher means sharper text and images.

Data sourced from manufacturer specifications and Apple Human Interface Guidelines, StatCounter Global Stats, and GSMArena.

Frequently Asked Questions

Why is the CSS Viewport smaller than the Physical Resolution?

Modern devices pack millions of pixels into very small screens to create crisp, high-definition images. If web browsers rendered websites using these raw physical pixels, text and buttons would be far too small to read or tap. To solve this, manufacturers use a Device Pixel Ratio (DPR). The operating system scales the interface up by this ratio. For example, an iPhone 15 Pro has a physical resolution of 1179x2556, but a DPR of 3. This means the browser reports a CSS Viewport of 393x852 logical pixels. Web developers design layouts targeting these CSS viewports, and the device hardware automatically renders everything with triple the physical pixel density for maximum sharpness.

What is a good PPI (Pixels Per Inch)?

Pixels Per Inch (PPI) measures the pixel density of a screen. A higher PPI means individual pixels are harder to see, resulting in smoother text and sharper images. For a desktop monitor sitting at arm's length, a PPI between 100 and 110 (like a 27-inch 1440p display) is considered standard. A PPI of 140 to 160 (like a 32-inch 4K display) is excellent for productivity. Apple's "Retina" standard for laptops and monitors targets around 220 PPI. Smartphones, held much closer to the face, typically feature screens with 400 to over 500 PPI.

How do I use this database for responsive web design?

When writing CSS media queries, you should always target the CSS Viewport dimensions, not the physical resolution. Our database allows you to easily filter by category (Phones, Tablets, Laptops, Monitors) so you can identify the most common viewport breakpoints. For instance, testing against 390px widths is crucial for modern iPhones, while 360px covers many popular Android devices. You can also refer to our CSS Breakpoints Guide to learn more about structuring your media queries.

Last updated: May 2026

Sources & References: GSMArena: Mobile Device Specifications · Wikipedia: HD Smartphone Displays · MDN: Screen API