Image Resolution Explained: DPI, PPI, and What They Actually Mean

What is image resolution?

The word "resolution" is used in two different — and often confused — ways in digital imaging:

1. Pixel dimensions: The actual number of pixels in the image — width × height (e.g., 1920×1080, 4032×3024). This is the only thing that matters for screen display.
2. Print resolution (DPI/PPI): How densely those pixels are printed on paper. This is what matters for print output quality.

Confusingly, image editing software (Photoshop, GIMP) and cameras embed a DPI value in image metadata. This value has no effect on how the image looks on screen — it only affects how the image is sized when printed at default settings.

PPI vs DPI

PPI (Pixels Per Inch) is a digital measurement. It describes how many pixels are packed into one inch of screen space. A display with higher PPI shows more detail at the same physical size. Apple's Retina displays are typically 220–460 PPI; standard HD monitors are 90–110 PPI.

DPI (Dots Per Inch) is a physical printing measurement. It describes how many ink dots a printer places in one inch. A typical consumer inkjet prints at 300–600 DPI; professional photo printers at 1200–2400 DPI. More dots per inch = finer detail possible = higher quality print output.

The relationship: when you print an image, the DPI setting determines how many pixels from your image map to each inch of paper. A 3000px wide image printed at 300 DPI produces a 10-inch wide print. The same image at 150 DPI produces a 20-inch wide print — same pixels, just printed more sparsely.

Screen resolution

For screen display, pixel dimensions are everything. A 2000×1500 pixel image always displays as 2000×1500 pixels on screen (barring browser zoom and CSS scaling). The DPI metadata is irrelevant.

The historical "72 DPI is for web" rule is a legacy of early Macintosh monitors which happened to have a PPI close to 72. Browsers never used this value for display — it was always marketing shorthand for "small file for web delivery."

High-DPI (Retina/HiDPI) screens add a complication: a "CSS pixel" on a Retina display is 2×2 physical screen pixels. A CSS width of 400px on a 2× Retina display uses 800 physical pixels. This is why responsive images should provide 2× versions (srcset or @2x) — otherwise images look blurry on Retina screens.

Print resolution

For print, DPI is critical. The rule of thumb:

• 300 DPI: Professional print standard. Brochures, business cards, photo prints, books, magazines. Individual dots are not visible at normal viewing distances.
• 200 DPI: Acceptable for photos printed at small sizes and viewed at arm's length. Slight softness visible up close.
• 150 DPI: Acceptable for large-format prints (posters, banners) viewed from 1–2 meters away. Not for close-inspection prints.
• 72 DPI: Adequate only for signs viewed from very long distances (billboards, wall graphics). Completely inadequate for any close-view print.

How to calculate print size

Formula: Maximum print size (inches) = pixel dimension ÷ target DPI

Reference table for common print DPI targets:

Example: A 24-megapixel camera produces images around 6000×4000 pixels. At 300 DPI, that's a 20×13.3 inch print — large enough for a full-bleed 8×10 or an A3 print.

Common mistakes

• "Saving at 300 DPI" doesn't add pixels. If you have a 400×400 pixel image and change the DPI metadata to 300, you still have 400×400 pixels. At 300 DPI, that's a tiny 1.3×1.3 inch print. Changing DPI in metadata does not upscale the image.
• Downloading a low-resolution web image for print. A website image at 800×600 pixels printed at 300 DPI produces a 2.7×2 inch print. Web images are typically not large enough for professional print without upscaling.
• Assuming "HD" means print-ready. 1920×1080 (Full HD) produces only a 6.4×3.6 inch print at 300 DPI — suitable for a 4×6 photo print, not much larger.