DPI vs Resolution vs Pixels: The Confusion, Cleared Up
13 June 2026
👉 Just need the tool? Resize an image — runs in your browser, nothing uploaded.
The one-line answer: if an image will be viewed on a screen, the only number that matters is its pixel dimensions (say, 1920×1080). The “DPI” value stored in the file is metadata that every screen, browser, and social platform ignores. DPI changes something only when you print.
Hold onto that. Everything below is why it’s true, plus the handful of cases where the distinction actually changes what you do.
Three words, three different things
People swap “DPI,” “resolution,” and “pixels” as if they were the same thing, which is most of why the confusion never dies. They aren’t.
- Pixels (pixel dimensions) — the actual count of colored dots in your image, written as width × height. A photo that is 4000×3000 contains 12 million pixels. This is the real amount of image data you have, and it never changes unless you resample the image.
- Resolution — an overloaded word. Colloquially, “resolution” means pixel dimensions (“shoot at full resolution”). Technically, it means pixel density: how many pixels are packed into a physical unit, measured in PPI. The word swings between those two meanings, which fuels half the arguments on the topic. When someone says “high resolution,” ask whether they mean more pixels or denser pixels.
- DPI (dots per inch) — strictly, the number of ink dots a printer lays down per inch of paper. Loosely, the tag in your image header that says “when printed, render me at this density.”
Here’s the term almost nobody uses correctly: what your file actually carries is PPI (pixels per inch), not DPI. DPI is a property of printing hardware; PPI is a property of the image. Photoshop’s Image Size dialog labels its field “Resolution” and takes a value in pixels per inch — that’s PPI — but the industry calls it DPI out of habit. I’ll use PPI for the image setting and reserve DPI for what printers do.
Why screens don’t read DPI at all
A screen is a fixed grid of physical pixels. A 27-inch 1440p monitor has 2560×1440 hardware pixels, full stop. To display an image, it maps image pixels onto screen pixels. There is no inch anywhere in that process, so the stored PPI tag is never read.
Try it. Take one 1000×1000 photo and save three copies tagged 72, 300, and 9999 PPI. Open all three in a browser, in Instagram, on a phone, on a TV. They are pixel-for-pixel identical: same file size, same sharpness, same on-screen dimensions. The PPI number changed; the image did not. Two minutes of this teaches the concept better than any explanation.
What actually controls how big an image looks on screen:
- Its pixel dimensions — a 4000px-wide image fills more of a screen than an 800px one.
- CSS and page layout —
width: 600pxtells the browser to scale it. - The device’s pixel ratio — Retina and other HiDPI displays pack roughly twice the physical pixels into the same space, which is why designers export
@2xassets. Note how that’s solved: by supplying more pixels, never by editing a PPI tag.
The “set it to 72 DPI for web” myth
This is the most stubborn piece of bad advice in image handling.
The number 72 comes from the original 1984 Macintosh, whose screen showed 72 pixels per inch, so one typographic point mapped neatly to one pixel. That stopped being universally true decades ago. Today’s displays run from roughly 90 PPI on a budget monitor to well over 300 on a phone. There is no single “web PPI.”
Setting an image to 72 PPI does nothing for screen display. Open Photoshop’s Image Size, uncheck Resample, type 72 into the resolution field, and the pixel dimensions don’t move; the file is byte-for-byte the same on screen. You changed a label.
The thing that actually shrinks a web image — smaller file, faster load — is cutting the pixel dimensions and picking a sensible format and compression. If a 6000px photo loads slowly, the fix is to resize an image down to the size you’ll display, maybe 1600px wide, not to touch a PPI number. Where the “72 DPI” ritual seems to work, it’s because the person resampled the pixels at the same moment. The resample did the work; the 72 took the credit.
When DPI genuinely matters: print
Here the inch is real. A printer turns image pixels into physical marks, and PPI tells it how many pixels to pack into each inch of paper. The math becomes unavoidable:
printed size (inches) = pixel dimension ÷ PPI
A 3000×2400 image at 300 PPI prints at 10×8 inches, crisp. Print the same file at 100 PPI and you get 30×24 inches: same pixels, spread thin, visibly soft. You didn’t lose data, you stretched it.
300 PPI is the usual target for photo prints and anything held at reading distance, because around 30 cm it sits near the limit of detail the eye resolves. For large work seen from across a room — posters, banners — 150 PPI or less is fine; distance forgives density.
Print sizes → pixels needed at 300 PPI
To hit 300 PPI, an image needs at least this many pixels. More is fine (the printer downsamples or crops to the aspect ratio); fewer means softer prints.
| Print size | At 300 PPI (px) | Minimum at 150 PPI (px) |
|---|---|---|
| 4 × 6 in (10×15 cm) | 1200 × 1800 | 600 × 900 |
| 5 × 7 in | 1500 × 2100 | 750 × 1050 |
| 8 × 10 in | 2400 × 3000 | 1200 × 1500 |
| 8.5 × 11 in (Letter) | 2550 × 3300 | 1275 × 1650 |
| A4 (210×297 mm) | 2480 × 3508 | 1240 × 1754 |
| 11 × 14 in | 3300 × 4200 | 1650 × 2100 |
| 12 × 18 in (poster) | 3600 × 5400 | 1800 × 2700 |
| 16 × 20 in | 4800 × 6000 | 2400 × 3000 |
| 24 × 36 in (large poster) | 7200 × 10800 | 3600 × 5400 |
Multiply for any size not listed: inches × 300 = pixels per edge. A 13×19 print at 300 PPI needs 3900×5700.
One caveat worth flagging: some print services do read the embedded PPI tag to auto-suggest a print size, and some photo-book and layout tools assume a default such as 300. So for print, setting the tag correctly is genuinely useful — as long as it’s backed by enough real pixels. Lab requirements change, so confirm your printer’s exact minimums before a large order.
A decision shortcut
Ask one question: will this be printed?
- No (screen, web, social, email, slides): ignore PPI. Care only about pixel dimensions and file size. To fit a layout or cut the file down, resize an image to the pixel size you need.
- Yes: decide the physical size and viewing distance, then check you have
inches × target-PPIpixels along each edge. Fall short and you can’t manufacture detail by raising the PPI number — you need a higher-resolution original.
The trap is treating PPI as a quality dial. It isn’t. Pixels are the data; PPI is only an instruction for how tightly to pack that data onto paper. Screens never read the instruction, printers do. Hold those two facts and the topic stops being confusing.