Image Resolution Explained: DPI, PPI, and Pixels for Beginners
If you've ever tried to print a photo and it came out blurry, or tried to use an image on a website and it looked enormous — you've experienced the confusing world of image resolution. Here's a clear, practical explanation of DPI, PPI, and pixels that will help you avoid these problems.
What Is Resolution?
Resolution describes how much detail is packed into an image. Higher resolution means more detail. But "resolution" means different things depending on whether you're working with digital screens or physical prints.
Pixels — The Basic Unit
A pixel is a single colored dot — the smallest unit of a digital image. When you look at any image on a screen, you're looking at millions of tiny colored squares arranged in a grid.
An image that is 1920 × 1080 pixels contains:
- 1920 pixels wide
- 1080 pixels tall
- 2,073,600 pixels total (about 2 megapixels)
The total pixel count determines how large you can display or print an image without it looking blurry.
PPI — Pixels Per Inch (For Screens)
PPI (pixels per inch) describes how densely pixels are packed on a display screen. A higher PPI means a sharper, crisper display.
- Standard HD screens: 72–96 PPI
- Retina/HiDPI screens (MacBook, iPhone): 220–460 PPI
- 4K monitors: 150–200 PPI
For web images, PPI is largely irrelevant — what matters is the pixel dimensions of the image itself.
DPI — Dots Per Inch (For Printing)
DPI (dots per inch) describes how many ink dots a printer places in one inch of paper. Higher DPI = sharper printed output.
- Standard inkjet printing: 300 DPI is the industry standard
- Photo printing: 240–360 DPI
- Screen printing: 150–200 DPI
- Large-format banners: 72–150 DPI (viewed from a distance)
The Critical Formula: Pixels ÷ DPI = Print Size
To calculate how large you can print an image at 300 DPI:
Print width (inches) = Image pixel width ÷ DPI
Example: A 3000 × 2000 pixel photo:
- At 300 DPI: prints at 10 × 6.67 inches — good quality
- At 72 DPI: prints at 41.7 × 27.8 inches — looks terrible
This is why photos look blurry when you try to print them too large — the pixels are being stretched beyond the resolution.
Web Images Don't Care About DPI
Here's the most common misconception: DPI does not affect web image quality. Browsers render images based on pixel dimensions, not DPI. A 1200×800 image at 72 DPI and 1200×800 at 300 DPI look completely identical on a screen.
What matters for web images:
- Pixel dimensions (width × height)
- File format (JPG, PNG, WebP)
- File size (affects page load speed)
How to Resize Images for the Right Purpose
- For web use: Resize to the exact pixel dimensions needed and compress. Use ToolFlow's Image Resizer.
- For print: Calculate the required pixel dimensions based on your print size and 300 DPI. A 4×6 inch print at 300 DPI needs at least 1200×1800 pixels.
Conclusion
- Pixels = the actual image data
- PPI = screen sharpness (mostly relevant for display manufacturers)
- DPI = printing sharpness (300 DPI for quality prints)
- For web: only pixel dimensions and file size matter
Understanding these three concepts prevents blurry prints and oversized web images.