Image Resolution Explained — DPI, PPI, and Pixels for Print vs Web

If you've ever tried to print a photo and it came out blurry, or sent an image to a designer who said "the resolution is too low" — DPI and PPI are almost certainly involved. These terms confuse nearly everyone who encounters them, partly because they're often used interchangeably when they describe different things. This guide makes them clear once and for all.

What Are Pixels?

A pixel (picture element) is the smallest unit of a digital image. Every digital photo, screenshot, or graphic is made up of a grid of pixels, each one a single color. A photo described as "12 megapixels" contains approximately 12 million individual pixels.

Pixels have no inherent physical size. A 4000×3000px image can print at poster size or display on a phone screen — the pixels are the same either way. What changes is how densely those pixels are packed into the physical output space, which is where DPI and PPI come in.

What Is Image Resolution?

Resolution describes how densely pixels are packed in a given area. Higher resolution means more pixels packed into the same space — resulting in finer detail and sharper output. Lower resolution means fewer pixels in the same space — resulting in visible pixelation and blurriness when viewed at full size.

Resolution is always relative to output size. The same 3000×2000px image has excellent resolution for a 4×6 inch print but poor resolution for a 40×60 inch poster. The pixels don't change — the output size does.

What Is DPI? (Dots Per Inch)

DPI stands for dots per inch and describes the output density of a physical printer. A printer at 300 DPI places 300 ink dots in every linear inch of the printed output. At 600 DPI, it places 600 dots per inch — producing finer detail and smoother gradients.

DPI is a property of the printer, not the image file itself. When someone says "set the DPI to 300 for print," they typically mean: ensure there are enough pixels in the image file that the printer can place 300 dots per inch at the intended print size.

What Is PPI? (Pixels Per Inch)

PPI stands for pixels per inch and describes screen display density. A screen at 96 PPI displays 96 pixels in every linear inch of the screen. Modern "Retina" displays run at 220–460 PPI, packing more pixels into each inch to produce sharper-looking text and images.

PPI is a fixed hardware characteristic of each screen — you can't change your monitor's PPI. However, operating systems use virtual pixel scaling: a "logical pixel" on a 2x Retina display is rendered as 2×2 physical pixels, making interfaces look crisp without apps needing to be redesigned for high-DPI screens.

Web vs Print — Completely Different Requirements

This is where most confusion originates: web and print use fundamentally different measurement systems.

For Web Images

On screens, images are displayed at their pixel dimensions — period. A 800×600px image displays at 800×600 pixels regardless of what DPI metadata is embedded in the file. The DPI number embedded in a web image is irrelevant to how it displays on screen. A 72 DPI and 300 DPI version of the same pixel dimensions look identical on any screen.

For web, the only thing that matters is pixel dimensions. A header image needs to be, say, 1920px wide — not "1920px at 72 DPI" vs "1920px at 300 DPI." They're the same image.

For Print Images

For print, DPI defines the relationship between pixels and physical output size. A printer at 300 DPI printing a 3000×2000px image will produce a 10×6.67 inch print (3000 ÷ 300 = 10 inches wide). To print the same image at 5×3.33 inches, the printer effectively uses 600 DPI from the same pixel count.

How Many Pixels Do You Need for Print?

The formula is simple: print size (inches) × DPI = required pixels

Modern smartphone cameras (12–48 megapixels) produce images large enough for excellent 8×10 and 11×14 inch prints at 300 DPI. For poster sizes, you may need to use AI upscaling to add pixels without visible quality loss.

Common Mistakes to Avoid

Mistake 1: Thinking Higher DPI Makes a Web Image Look Better

Changing the DPI metadata of an image from 72 to 300 does nothing to how it looks on screen. Screen display is governed by pixel dimensions, not DPI metadata. The "Save for Web" settings in design software set DPI to 72 by convention — this is irrelevant to screen quality.

Mistake 2: Upscaling Small Images for Print

If an image is 800×600px and you need to print at 8×10 inches at 300 DPI, you need 2400×3000px. Simply resizing the 800×600 image to 2400×3000px stretches the pixels and produces a blurry print. Real resolution requires real pixels — use imgavio's AI Image Upscaler for the best results when upscaling is necessary.

Mistake 3: Confusing Resizing with Resampling

Resizing changes the physical output dimensions without changing the pixel count (adjusts DPI metadata only). Resampling changes the actual pixel count. When you "resize" in most image editors, you're actually resampling — adding or removing pixels to match the new dimensions.

Quick Reference Table