Design Nomenclature / Digital Model Making

PPI

Also called pixels per inch, pixel density, pixel pitch

Image samples per inch at a stated reproduction size, or the physical pixel pitch of a display. It describes a relationship between a file and an output, never the file alone: a 300 ppi image is 300 ppi only at the size it was specified for. Print it twice as wide and it is 150.

Three panels: a diagonal edge as geometry, then the same edge sampled on a 10 by 10 grid and on a 20 by 20 one. The edge itself is identical in all three — only the density of the samples taken from it changes.

In practice

Screen ppi and image ppi are different measurements sharing a name. And a device's CSS pixel is not its hardware pixel — that ratio, not ppi, is what your layout actually sees.

Not to be confused with

How this term connects

Anti-aliasingCSS pixelDPIRasterResolutionSubpixel RenderingTexel DensityPPI
Related Confused with