DPI is one of the most misunderstood concepts in digital imaging. Designers see 72 DPI on a web image and 300 DPI on a print file and assume the DPI value determines image quality. It does not — at least not the way most people think. This guide explains what DPI actually is, when it matters, and why changing it in an image editor rarely does what people expect.
What DPI means
DPI stands for dots per inch. It originally referred to the density at which a physical printer lays down ink — a 300 DPI printer produces 300 ink dots in every linear inch of output. In digital imaging the equivalent term is PPI (pixels per inch), though the two are often used interchangeably.
When applied to an image file, DPI records the intended output density: how many pixels per inch this image should be printed at. An image that is 3000 pixels wide at 300 DPI is intended to print at 10 inches wide (3000 ÷ 300 = 10). An image that is 3000 pixels wide at 72 DPI is the same 3000 pixels but is annotated as intended for a 41-inch print — which would look terrible because the pixel density would be too low.
DPI only matters for print
Screens do not use DPI in the same way printers do. A browser displays an image based on its pixel dimensions and the CSS layout — nothing else. A 1000-pixel-wide image is displayed at 1000 pixels wide (or whatever CSS specifies), regardless of whether the EXIF tag says 72 DPI or 600 DPI. The DPI value in the file is metadata that the browser ignores completely.
If you change the DPI value of an image in Photoshop from 300 to 72 without resampling (without changing the pixel count), the web behavior of that image is identical. The same pixels are sent to the browser. The same file size results. The same visual output appears on screen.
The resampling confusion
The confusion arises because many image editors offer DPI change as a combined operation with resampling. When you tell Photoshop to "convert to 72 DPI for web" and resampling is enabled, the editor calculates the target pixel dimensions (pixels = inches × DPI) and resizes the image to those dimensions. The quality change you see is from the resize, not the DPI change.
In Photoshop's Image Size dialog, there is a "Resample" checkbox. When unchecked, changing DPI only modifies the metadata tag — pixel dimensions stay the same and the image is unchanged for web purposes. When checked, changing DPI causes a corresponding pixel dimension change. The DPI value is only the label; the actual work is done by the resampling.
Why 72 DPI and 96 DPI appear in web context
The 72 DPI convention for screen images dates from early Macintosh hardware that displayed approximately 72 pixels per inch. The idea was that 72 DPI images would appear at roughly their physical size on screen. This never really applied universally and became meaningless as screen resolutions varied widely. Today's 27-inch 4K displays have a physical pixel density of about 163 PPI; a 13-inch MacBook retina display has about 227 PPI. Neither is 72.
Windows historically used 96 DPI as a reference density for screen rendering, which is where that number appears in some export presets. Both 72 and 96 DPI are conventions from specific historical contexts — they are not technical requirements for web images.
When 300 DPI actually matters
300 DPI is the standard minimum for high-quality print output. A photo intended for:
- Commercial printing (brochures, books, magazines)
- Photo lab printing (prints at 4×6, 8×10, etc.)
- Passport photos submitted for physical printing
- Large format printing (posters, banners)
needs sufficient pixel dimensions to print at 300 DPI at the intended output size. A 4×6 inch photo at 300 DPI requires 1200×1800 pixels. An 8×10 inch print at 300 DPI requires 2400×3000 pixels. The pixel count is what matters; the DPI tag just tells the print software what size to default to.
PhotoTools' passport photo tool generates print layouts at 300 DPI at standard passport photo sizes. The pixel dimensions of the output are calculated to meet print quality requirements at the specified output size.
What actually determines image quality on screen
On screen, image quality is determined by:
- Pixel dimensions — the width and height in pixels. More pixels means the image can be displayed larger without appearing blurry.
- Compression quality — how aggressively lossy compression was applied. High quality = less compression = more detail preserved.
- Format — WebP and AVIF preserve more detail at smaller file sizes than JPEG at equivalent compression ratios.
DPI is not in this list. When a colleague asks you to "increase the DPI to 300 for the web version," the correct response is to ask whether they mean increasing the pixel dimensions or adjusting the print metadata tag. The former changes quality. The latter changes nothing for web display.
Frequently asked questions
Does DPI matter for web images?
No. Browsers display images by their pixel dimensions and CSS layout and ignore the DPI tag entirely. A 1000-pixel-wide image looks identical on screen whether it's tagged 72 or 600 DPI.
Is 72 DPI or 300 DPI better?
Neither is "better" — it depends on the destination. 72 and 96 DPI are historical screen conventions that no longer mean anything for the web; 300 DPI is the standard for print. For screen use, only pixel dimensions matter.
Does changing DPI reduce file size?
No, not on its own. Editing only the DPI tag leaves the pixels — and the file size — unchanged. The size changes only if the editor also resamples (alters the pixel count) at the same time.
When does 300 DPI actually matter?
For physical print: passport photos, photo-lab prints, commercial printing, and large-format output. There you need enough pixels to hit 300 DPI at the output size — a 4×6 inch print needs 1200×1800 pixels.