
Understanding Image DPI: When Resolution Matters
Learn the difference between DPI and PPI, when resolution matters for print vs. web, and how to resize images for different output requirements without quality loss.
The DPI Confusion: Why It Matters
DPI (dots per inch) is one of the most misunderstood concepts in digital imaging. Web designers worry about it when they should not, print designers ignore it when they should not, and everyone confuses DPI with PPI. This confusion leads to images that look blurry in print, unnecessarily large files on the web, and wasted hours trying to "increase the DPI" of an image.
Understanding when resolution actually matters — and when it does not — saves time, prevents mistakes, and ensures your images look their best in every context.
DPI vs. PPI: The Critical Difference
PPI — Pixels Per Inch
PPI (pixels per inch) describes the pixel density of a digital image when displayed or printed at a specific size. A 3000 x 2000 pixel image printed at 10 x 6.67 inches has a PPI of 300. The same image printed at 30 x 20 inches has a PPI of 100. The image data is identical — only the output size changes.
PPI is a property of how an image is used, not an inherent property of the image file. A 3000 x 2000 pixel file is always 3000 x 2000 pixels regardless of what PPI value is stored in its metadata.
DPI — Dots Per Inch
DPI (dots per inch) is strictly a printer specification. It describes how many ink dots a printer can place per inch of paper. A 1200 DPI printer can place 1200 dots per inch, producing finer detail than a 300 DPI printer. DPI is a hardware characteristic, not an image characteristic.
In common usage, "DPI" and "PPI" are used interchangeably, and when someone says "this image is 300 DPI" they almost always mean 300 PPI. For this article, we will follow common convention and use "DPI" to mean the pixel density of an image at its intended output size.
When DPI Matters: Print
The 300 DPI Standard
For professional print output — magazines, brochures, business cards, packaging — the industry standard is 300 DPI. At this density, individual pixels are invisible to the naked eye at normal viewing distances, producing smooth, photographic-quality output.
To calculate the required pixel dimensions for print, multiply the physical size by the DPI:
- 4 x 6 inch photo at 300 DPI: 1200 x 1800 pixels.
- 8.5 x 11 inch letter at 300 DPI: 2550 x 3300 pixels.
- 11 x 17 inch poster at 300 DPI: 3300 x 5100 pixels.
- 24 x 36 inch large poster at 150 DPI: 3600 x 5400 pixels (150 DPI is acceptable for large prints viewed from a distance).
Acceptable DPI by Print Type
- 300 DPI: Business cards, brochures, book pages, product packaging. Anything viewed at arm's length.
- 150 to 200 DPI: Posters, large prints, trade show banners viewed from 2 to 5 feet.
- 72 to 100 DPI: Large-format banners and billboards viewed from 10 feet or more.
When DPI Does NOT Matter: Web
Screens Display Pixels, Not Inches
Web images are displayed at screen resolution — one image pixel maps to one (or more) screen pixels depending on the device pixel ratio. The DPI metadata stored in a JPG or PNG file is completely ignored by web browsers. A 1200 x 800 pixel image at "72 DPI" and the same image at "300 DPI" render identically on screen because they contain the same pixel data.
This means you should never worry about DPI for web-only images. Focus solely on pixel dimensions. Use our JPG resizer or PNG resizer to set the correct pixel dimensions for your web layout.
The Retina Display Factor
Retina and high-DPI displays do affect image sizing, but not through DPI metadata. A 2x retina display renders CSS pixels using 2 physical pixels in each dimension. To keep images sharp, serve images at 2x the CSS display size — a 600 CSS-pixel-wide image needs a 1200-pixel-wide file. This has nothing to do with the DPI value in the file metadata.
How to Check and Change Image DPI
Checking Current DPI
Most image editors display DPI in the image properties or metadata panel. On Windows, right-click the file, select Properties, then the Details tab. On macOS, open in Preview and check Tools then Show Inspector. The DPI value is stored as metadata — it describes the intended print size but does not affect the pixel data.
Changing DPI Without Changing Pixels (Resampling Off)
You can change the DPI metadata without adding or removing pixels. This simply redefines the intended print size. A 3000 x 2000 pixel image at 300 DPI prints at 10 x 6.67 inches. Changing to 150 DPI makes it print at 20 x 13.33 inches — same pixels, bigger print, lower density.
Changing DPI With Resampling (Adding or Removing Pixels)
If you need a specific print size at a specific DPI and your current image does not have enough pixels, resampling adds pixels through interpolation. However, no algorithm can create detail that was not captured by the camera. Upsampling from 150 DPI to 300 DPI doubles the pixel count but produces a softer image, not a sharper one. Always capture or source images at the highest resolution possible.
Common DPI Scenarios and Solutions
Designer Says "Send Me a 300 DPI File"
What they actually need is an image with enough pixels for their intended print size at 300 DPI. Ask for the physical dimensions (in inches or millimeters), multiply by 300, and ensure your image has at least that many pixels. Then resize to the exact dimensions needed using our image resizer.
Printer Rejects File as "Low Resolution"
The printer is checking the DPI metadata relative to the document's print dimensions. If your image has sufficient pixel dimensions, simply update the DPI metadata to 300 without resampling. If the pixel count is genuinely too low for the print size, you need a higher-resolution source image.
Web Image Looks Blurry on Retina Screen
This is not a DPI issue — it is a pixel dimension issue. Serve an image with 2x the CSS display dimensions. A 400-pixel-wide image displayed in a 400-pixel CSS container looks blurry on retina because the display actually renders 800 physical pixels. Serve an 800-pixel-wide image to fix it.
Photographer Delivers Files at 72 DPI
If the files have high pixel dimensions (3000+ pixels on the long side), the DPI metadata is irrelevant. The images have plenty of resolution for print — just set the DPI to 300 in your layout software and size appropriately. If the files are genuinely low-resolution (under 1000 pixels), request higher-resolution versions.
DPI Guidelines by Use Case
- Web and social media: DPI is irrelevant. Focus on pixel dimensions only. Use 2x display dimensions for retina sharpness.
- Email: DPI is irrelevant. Target 600 to 1200 pixel width depending on retina needs.
- Office printing (letters, presentations): 150 to 200 DPI is sufficient for documents viewed at arm's length.
- Professional print (brochures, magazines): 300 DPI required for photographic quality.
- Large format (posters, banners): 100 to 150 DPI, since viewing distance compensates for lower density.
- Fine art printing: 300 to 360 DPI for gallery-quality output on high-end inkjet printers.
Conclusion
DPI matters for print output and is irrelevant for web display. For print, calculate the required pixel dimensions by multiplying your physical size by the target DPI (usually 300 for professional work). For web, focus entirely on pixel dimensions and device pixel ratios. Understanding this distinction prevents unnecessary file bloat on the web and ensures crisp, professional results in print.