DPI vs PPI: Image Resolution Explained for Print and Screen

You exported your photo at “300 DPI” and it still printed blurry. The problem isn’t the DPI setting. It’s that you didn’t have enough pixels to begin with. According to a Photutorial analysis, over 1.8 trillion photos were taken in 2024 alone, yet most people still confuse DPI with PPI when preparing images for output. That confusion leads to blurry prints, oversized web files, and wasted hours re-exporting.

This guide breaks down what DPI and PPI actually mean, with real pixel math you can use right now. No jargon walls. No vague advice. Just the numbers.

image formats guide

Resize Your Images to the Right Pixel Dimensions

Need to hit exact pixel dimensions for print or web? Drop your image below. Set width and height in pixels, and the tool handles the rest. Everything runs in your browser.

What Is PPI and Why Does It Matter?

PPI stands for pixels per inch, and it describes how many pixels fit into one linear inch of a digital display. A typical laptop screen runs at 100-130 PPI, while Apple’s Retina displays hit 218-264 PPI according to Apple’s display specifications, 2025. Higher PPI means sharper text and images at the same physical screen size.

Here’s the thing most people miss: PPI is a property of your display hardware. You don’t “set” PPI on an image for screen use. When you view a photo on a website, the browser reads pixel dimensions (width and height), not the PPI metadata. A 1920x1080 image looks identical on screen whether the file says 72 PPI, 300 PPI, or 1 PPI.

PPI only becomes meaningful when you’re calculating how large an image will print. The formula is straightforward:

Print size (inches) = Pixel dimension / PPI

So a 3000-pixel-wide image at 300 PPI prints at 10 inches wide. At 150 PPI, it prints at 20 inches wide, but with less sharpness per inch. The “72 PPI for web” myth comes from early Macintosh displays that had 72 pixels per inch. It was accurate in 1984. Modern screens range from 96 to 500+ PPI. Setting your export to 72 PPI does nothing for web images because browsers ignore that metadata completely.

Citation capsule: PPI (pixels per inch) measures display density, not image quality. Apple Retina displays range from 218 to 264 PPI according to Apple’s display specifications. For web use, browsers ignore PPI metadata entirely and only read pixel dimensions, making the “72 PPI for web” convention meaningless.

understanding image formats

What Is DPI and How Is It Different?

DPI stands for dots per inch, and it’s a printer specification. A standard inkjet printer lays down 720-2880 physical ink dots per inch, according to Epson’s technical documentation, 2025. Each “dot” is a microscopic droplet of ink. More dots means smoother colour transitions and finer detail on paper.

The critical distinction: DPI describes printer output. PPI describes digital input. When a print shop asks for “300 DPI,” they actually mean your image should have 300 pixels per inch at the intended print size. They’re asking about PPI but using the wrong term. The industry has been doing this for decades, and it causes real confusion.

A printer’s native DPI (often 1440 or 2880) determines how precisely it can reproduce your pixels with ink. But you never need to match your image PPI to the printer’s DPI. Your 300 PPI file gets interpreted by the printer driver, which uses its own dot pattern to reproduce each pixel.

Citation capsule: DPI (dots per inch) is a printer hardware specification. Standard inkjet printers produce 720-2880 ink dots per inch according to Epson’s technical documentation. When print shops request “300 DPI” files, they mean 300 pixels per inch at the target print size, not a match to the printer’s physical dot density.

How Do PPI and DPI Actually Compare?

The confusion between PPI and DPI costs real time and money. A Printful survey found that low-resolution uploads are the number-one reason for rejected or reprinted custom print orders. Here’s a direct comparison to make the distinction clear.

What should you actually care about? For screen work, forget both terms. Focus on pixel dimensions. For print work, calculate the PPI your image delivers at the intended print size. That number determines sharpness. We’ve seen designers spend hours re-exporting files at “300 DPI” in Photoshop without changing the pixel dimensions. The DPI metadata changes, but the actual image data stays identical. The print comes out exactly the same, blurry or sharp, because pixel count is what matters.

Citation capsule: PPI measures screen pixel density while DPI measures printer ink dot density. According to Printful, low-resolution uploads are the top cause of rejected custom print orders. For print, the image’s pixels per inch at target size determines sharpness. For web, only pixel dimensions matter.

compress before uploading to print services

How Does Screen Resolution Work on Modern Displays?

Modern high-DPI displays pack 2-4x more pixels into the same physical space. A 27-inch 4K monitor runs at approximately 163 PPI, while a 27-inch 1080p monitor sits at 82 PPI, based on calculated pixel density from Display Specifications, 2025. That’s why text and images look dramatically sharper on 4K and Retina panels.

What does “Retina” actually mean?

Apple coined “Retina” to describe displays where individual pixels become indistinguishable at normal viewing distance. The threshold varies by device: 326 PPI for iPhones held at 10-12 inches, 264 PPI for iPads at arm’s length, 218 PPI for MacBooks at desk distance. It’s a marketing term, but the perceptual science behind it is sound.

Why web designers use 2x and 3x images

Because high-DPI screens pack more physical pixels into each CSS pixel, a standard image appears at half its intended size or gets scaled up and looks soft. The fix: serve images at 2x or 3x the display size. A 600x400 element on a Retina screen needs a 1200x800 source image to look crisp.

This is where resolution actually matters for web work. Not in the PPI metadata, but in raw pixel count relative to the display element size.

Citation capsule: A 27-inch 4K display runs at 163 PPI while the same size at 1080p delivers just 82 PPI, based on Display Specifications data. For web work, serving 2x resolution images ensures sharpness on Retina screens. The PPI metadata in the image file is irrelevant; pixel dimensions relative to display size determine clarity.

When Does 300 DPI Actually Matter for Print?

The 300 PPI standard comes from the human eye’s resolving power at typical viewing distances. At 12-18 inches, most people cannot distinguish individual pixels above 300 PPI, according to research by Norman Koren on modulation transfer functions. That makes 300 the baseline for anything held in hand: business cards, brochures, book pages, and photo prints.

Standard print resolution targets

Calculating the pixels you need

The math is simple. Multiply print size by PPI.

An 8x10 inch print at 300 PPI requires: 8 x 300 = 2400 pixels wide, 10 x 300 = 3000 pixels tall. That’s a 7.2-megapixel image minimum. Most modern smartphone cameras, including the iPhone 16’s 48 MP sensor (Apple, 2025), produce far more than enough pixels for this.

A 24x36 inch poster at 150 PPI requires: 24 x 150 = 3600 pixels wide, 36 x 150 = 5400 pixels tall. That’s 19.4 megapixels. Here’s a quick reference for common print sizes and the pixel dimensions you need:

Citation capsule: Sharp photo prints require 300 PPI at the output size, based on the human eye’s resolving power at 12-18 inch viewing distance according to Norman Koren’s research. An 8x10 inch print at 300 PPI needs 2400x3000 pixels (7.2 MP minimum). Large posters viewed from 3+ feet can drop to 150 PPI without visible quality loss.

resize images to exact dimensions

What Are the Most Common Resolution Myths?

Misinformation about DPI and PPI wastes more design hours than almost any other technical topic. A Creative Bloq survey of designers found that DPI/PPI confusion ranks among the top 5 most misunderstood concepts in digital design. Let’s kill the biggest myths.

Myth 1: “72 DPI is for web, 300 DPI is for print”

Setting an image to 72 DPI in Photoshop does nothing for web performance. Browsers don’t read DPI metadata. A 2000x1500 pixel image is exactly the same file whether tagged at 72 or 300 DPI. The only thing that changes is the metadata tag. File size stays identical. Pixel count stays identical.

Myth 2: “Increasing DPI makes images sharper”

Changing the DPI setting in Photoshop’s Image Size dialog without resampling just changes the metadata. Your 2000x1500 image stays 2000x1500. If you check “Resample” and increase resolution, Photoshop invents new pixels through interpolation. Those invented pixels add file size but not real detail. You can’t create sharpness from nothing.

Myth 3: “My phone camera shoots at 72 DPI so it’s low quality”

Smartphone cameras default to 72 DPI in the metadata because it’s a meaningless default. What matters is the pixel count. An iPhone 16 captures images at 4032x3024 pixels (12 MP mode) or up to 8064x6048 (48 MP). That’s enough for a sharp 13.4x10 inch print at 300 PPI in the base mode alone. Here’s a useful thought experiment. Would you rather have a 500x500 pixel image tagged at 300 DPI, or a 5000x5000 pixel image tagged at 72 DPI? The second image has 100x more data. The DPI tag is just a label. The pixels are the product.

Myth 4: “Higher DPI means larger file size”

Only if resampling adds pixels. Changing the DPI metadata without resampling changes a single number in the file header. It doesn’t touch image data. A 10 MB JPEG at 72 DPI is still 10 MB at 300 DPI if you don’t resample.

Citation capsule: Changing DPI metadata without resampling has zero effect on image quality or file size. Browsers ignore DPI entirely for web display. According to Creative Bloq, DPI/PPI confusion ranks among the top 5 most misunderstood concepts in digital design. Only pixel dimensions determine actual image quality.

How Do You Calculate Pixel Dimensions for Any Print Size?

Every print job comes down to one formula: pixels = inches x PPI. According to Adobe’s printing guidelines, 2025, the optimal range for photographic prints is 240-300 PPI. Anything above 300 yields diminishing returns that most viewers can’t perceive.

Step-by-step calculation

1. Determine your print size. Let’s say 11x14 inches.
2. Choose your target PPI. 300 for handheld prints, 150 for wall-mounted posters.
3. Multiply. 11 x 300 = 3300 pixels wide. 14 x 300 = 4200 pixels tall.
4. Check your source image. If your image is 4000x3000 pixels, it can print at 13.3x10 inches at 300 PPI, or 26.7x20 inches at 150 PPI.

Working backwards from an existing image

Have a photo and want to know the largest sharp print size? Divide.

Max print size = Pixel dimension / Target PPI

A 6000x4000 image at 300 PPI: 6000 / 300 = 20 inches wide, 4000 / 300 = 13.3 inches tall. That’s a solid 13x20 print. At 150 PPI for a poster: 40x26.7 inches.

resize to exact pixel dimensions

How Should You Export Images in Photoshop, Figma, and for Web?

Export settings cause more confusion than they should. A State of CSS survey found that responsive images remain one of the most challenging areas for web developers, with only 48% reporting confidence in implementation. Here’s a clear export guide for each context.

Photoshop export for print

1. Go to Image > Image Size.
2. Uncheck “Resample” first.
3. Set Resolution to 300 Pixels/Inch.
4. Check the Document Size, it shows your maximum print dimensions at 300 PPI.
5. If the print size is too small, you need a higher-resolution source image. Don’t resample up.
6. Save as TIFF or PDF for print. Avoid JPEG for final print files when possible.

Photoshop export for web

1. Go to File > Export > Export As (or Save for Web for legacy).
2. Set format to JPEG (quality 80-85) or WebP (quality 75-85).
3. Set pixel dimensions to your target display size. For Retina, use 2x.
4. Ignore the DPI/PPI field entirely. It doesn’t affect web display.
5. The only things that matter: pixel dimensions, format, and compression quality.

Figma export

Figma defaults to 1x export. For web assets on Retina screens, export at 2x or 3x. For print, export at a scale that gives you 300 PPI at your target size. Figma’s “72 DPI” default metadata is irrelevant for both use cases. What matters is the pixel count in the exported file. We’ve found that the single most effective workflow change is to stop thinking in DPI and start thinking in pixels. Before exporting, ask: “How many pixels wide does this need to be?” For web, that’s your CSS display width times 2. For print, that’s your inch width times 300. Everything else is noise.

Citation capsule: For web export, only pixel dimensions and compression format matter; DPI metadata is ignored by browsers. For print, target 300 pixels per inch at the output size according to Adobe’s printing guidelines. According to the State of CSS survey, responsive images remain a challenge for 52% of web developers, making clear export workflows essential.

compress images after export

Frequently Asked Questions

Is 300 DPI the same as 300 PPI?

In practice, people use them interchangeably, but they measure different things. DPI counts ink dots a printer produces. PPI counts pixels in a digital image. When a print shop says “300 DPI,” they mean your file should resolve to 300 pixels per inch at the target print size. The result is equivalent, but the terminology is technically wrong. For practical purposes, treating “300 DPI” print requests as “300 PPI” will get the right outcome.

Does changing DPI in Photoshop change image quality?

Not if you leave “Resample” unchecked. Without resampling, Photoshop only changes the metadata tag. Your pixel count, file size, and actual image data remain identical. The image looks exactly the same on screen and prints at the same quality. Only if you enable resampling does Photoshop add or remove pixels, which does affect quality.

What resolution do I need for a sharp 8x10 print?

An 8x10 inch print at 300 PPI requires 2400x3000 pixels, which equals 7.2 megapixels. Any modern smartphone camera exceeds this easily. The iPhone 16 shoots 48 MP images (Apple, 2025), giving you 8064x6048 pixels. That’s enough for a 26.9x20.2 inch print at 300 PPI.

Why does my image look fine on screen but blurry when printed?

Your screen displays images at 100-163 PPI typically. An 800x600 image looks fine on a monitor but only provides enough data for a 2.67x2 inch print at 300 PPI. If you print it at 8x10 inches, the printer stretches those 800 pixels across 10 inches, yielding just 80 PPI. The fix: start with more pixels. Check your source image dimensions before sending to print.

Does DPI matter for uploading images to social media?

No. Social media platforms like Instagram, Facebook, and X process uploads by pixel dimensions and compression, not DPI metadata. Instagram’s maximum resolution is 1080 pixels wide for feed posts, per Instagram’s help center, 2025. Upload at the platform’s recommended pixel dimensions and the DPI tag is completely irrelevant.