Determine the pixel density of your screen for design accuracy.
PPI stands for Pixels Per Inch. It is a measurement of the pixel density (resolution) of an electronic image device, such as a computer monitor or television display, or image digitizing device such as a camera or image scanner.
Higher PPI generally means a sharper image because there are more pixels packed into every square inch of the display. If you hold two phones of the same physical size side-by-side, the one with 450 PPI will look significantly sharper than one with 300 PPI.
To calculate the PPI of a screen, you need two pieces of information: the resolution (width and height in pixels) and the diagonal size of the screen in inches.
We use the Pythagorean theorem to find the diagonal resolution:
Diagonal Pixels = √(Width² + Height²)
PPI = Diagonal Pixels / Diagonal Size (Inches)
While often used interchangeably in casual conversation, PPI refers to digital screens (pixels), while DPI (Dots Per Inch) refers to physical printing (dots of ink). In printing, a standard quality is 300 DPI. However, a 300 PPI screen is much sharper than a 300 DPI print because pixels can have color gradients, whereas ink dots are usually cyan, magenta, yellow, or black.