Resolution - the ups and downs of pixels.

Categories: Photo

Have you ever wondered what the difference is between DPI and PPI and wondered if it mattered?


The terms Dots Per Inch (DPI) and Pixels Per Inch (PPI) are commonly used interchangeably to describe the resolution of an image. The problem is they're not the same.

Think of DPI as a printing term - how many dots will be in each inch of an image. At 200dpi (dots per inch) an inch of image will have 200 dots. If it has more dots it will be clearer than an image which only has 5 dots per inch.

Now think of PPI as a 'screen' thing. Pixels make up your computer screen so that's how the image is displayed.

Here’s how it comes together. Your original image dimensions don't change. If you take a photo at 4000 x 3000 pixels then that's what it is. Simple.

Now, if you use 200 DPI to print that image ( a good basic print resolution), it will print 4000/200 = 20 inches wide and 15 inches high. This would give you a nice quality 16x20ish print to hang on the wall. Now if you did 72 DPI it will print at 4000/72 = 55 inches wide and 41 inches high but would be a pretty crappy result. Keep in mind that viewing distances are important too so if you're viewing that print from 10 metres (33ft) away it may look fine.

So what happens if you view these two different 'sizes' in a web browser? Nothing, both will be the same size. That’s because the browser is using the image dimensions NOT the dpi/ppi associated with the file. The browser simply sees 4000x3000 pixels and uses that to display to the user.

Don't believe me, take a look here for some example images at different resolutions which all look identical in a browser.

You might now be wondering how to make your web images smaller if the PPI/DPIU doesn't matter. Simple tip, Make them no larger than they will be displayed and use modern formats and compressions to reduce their size. As computers and Internet connections get faster saving a couple of kb is probably not going to be so important but just be assured that saving things at high dpis thinking it will improve your web images is misguided.

If you want nice prints, consult your printer for advice.

If you want to read another good explanation, look here.