Image Resolution Guide: Pixels, DPI, and PPI Explained

Resolution is one of the most misunderstood concepts in digital imaging. Ask ten people what "image resolution" means and you'll get ten different answers — some will describe pixel dimensions, others will cite DPI numbers, and most will mix the two without realizing they're talking about entirely different things. This guide explains exactly what resolution means for screens, print, and everything in between.

Pixels vs DPI: The Key Distinction

There are two completely separate things people call "resolution":

• Pixel dimensions — the actual count of pixels in an image. A photo that is 3000×2000 pixels contains 6 million pixels of real data. This is the true measure of how much detail the image holds.
• DPI (or PPI) — a scale factor stored as metadata in the image file. It tells printing software how densely to pack those pixels onto paper, but it does not change the pixel count at all.

The critical insight: DPI is only relevant when printing. For screens, only pixel dimensions matter. A 3000×2000 image tagged as 72 DPI and the same image tagged as 300 DPI are byte-for-byte identical in terms of visual data. Browsers ignore the DPI tag entirely and display both images at exactly the same size and sharpness.

Understanding PPI vs DPI

The terms DPI and PPI are often used interchangeably, but they originate from different contexts:

• PPI (pixels per inch) — describes screen density or the resolution metadata embedded in an image file. A Retina display on a MacBook has around 220 PPI, meaning 220 pixels are packed into each inch of the physical screen.
• DPI (dots per inch) — describes the physical output of a printer. An inkjet printer might lay down 600 actual ink dots per inch of paper. Each dot is not necessarily one pixel — many printers use multiple ink dots to reproduce a single pixel color accurately.

In practice, image editors like Photoshop, GIMP, and Affinity Photo use "DPI" and "PPI" interchangeably in their dialogs when referring to the metadata embedded in image files. When you see a "72 DPI" or "300 DPI" setting in an image editor, it's setting the PPI metadata — the scale hint for printers and page layout software.

Resolution for Web and Screens

For anything displayed on a screen — websites, apps, social media, email — the DPI metadata is completely irrelevant. Browsers and operating systems render images based solely on pixel dimensions.

A 1920×1080 pixel image will fill a 1080p monitor whether its DPI tag reads 72, 96, or 300. The display doesn't know or care about that metadata. What matters is:

• Pixel width and height — does the image have enough pixels to fill its display area without upscaling?
• File size — fewer pixels means a smaller file and faster load times.

The "save for web at 72 DPI" convention is a legacy artifact from early Macintosh computers, which had 72 PPI screens. At 72 PPI, one image pixel mapped to one screen pixel, making the DPI tag meaningful for screen layout. Modern screens range from 96 PPI to 500+ PPI, rendering that convention meaningless. The only reason to set 72 DPI for web images is habit — it has no effect on how the image looks online.

Resolution for Print

For print, resolution is genuinely important. When a printer driver receives an image, it uses the DPI metadata to determine the physical output size. At 300 DPI, 300 pixels occupy one inch of paper. At 72 DPI, 72 pixels occupy one inch — which means the image prints much larger but with far less detail per inch.

The standard for professional print quality is 300 DPI at the final print size. This is the threshold at which the human eye, at normal viewing distance, cannot distinguish individual pixels. Here's what that means in practice:

• A 1200×1800 pixel photo printed at 4×6 inches = 300 DPI — sharp and professional
• The same 1200×1800 pixel photo printed at 8×12 inches = 150 DPI — noticeably soft
• A 2400×3600 pixel photo printed at 8×12 inches = 300 DPI — sharp again

If your image doesn't have enough pixels for your target print size at 300 DPI, artificially increasing the DPI metadata does not help. It just makes the image print smaller. The only real solutions are to start with a higher-resolution source or to use AI upscaling to intelligently add detail before printing.

Print Size Calculator

The formula for calculating print dimensions is straightforward:

Print size (inches) = pixel dimension ÷ DPI

And the reverse — to find how many pixels you need for a target print size:

Pixels needed = print size (inches) × DPI

Examples at 300 DPI:

• 3000 px ÷ 300 DPI = 10 inch print
• 4500 px ÷ 300 DPI = 15 inch print
• Want a 5×7 inch print? You need at least 1500×2100 pixels
• Want an 8×10 inch print? You need at least 2400×3000 pixels
• Want an A4 print (8.27×11.69 in)? You need at least 2481×3507 pixels

Resolution Standards by Use Case

Common Resolution Mistakes

Setting 300 DPI when saving for web

This is harmless but pointless. The DPI metadata adds a few bytes to the file header and has zero effect on how the image looks in a browser. If you're optimizing web images for load speed, focus on pixel dimensions and compression level — not DPI. Use the image compressor to reduce file size without changing pixel dimensions.

Upscaling to "increase DPI" before printing

Many people try to fix low-resolution images by resampling them to 300 DPI. If the image doesn't have enough original pixels, this just adds interpolated (invented) pixels that don't contain real photographic detail. The result is a larger file that may actually look softer than the original because the upscaling algorithm blurs sharp edges. Start with more pixels from the source when possible.

Confusing small pixel count with low DPI

A 400×300 pixel image set to 300 DPI doesn't give you a sharp 4×6 print — it gives you a sharp 1.33×1 inch print. The DPI is high but the pixel count is low. DPI tells you the density; pixel dimensions tell you the total size. You need both to be adequate for your print size.

How to Resize Images to Specific Dimensions

If you need your image at specific pixel dimensions — for a print order, a social media upload, or a web layout — use the image resizer. You can set exact pixel dimensions or resize by percentage. For print preparation, calculate the required pixel dimensions using the formula above (print inches × 300 DPI), then resize to match.

When upscaling, keep in mind that adding pixels beyond the original count doesn't add real photographic detail — it interpolates. For best results when enlarging for print, resize no more than 2× the original dimensions before quality starts to visibly degrade.

How to Check Image Resolution

You can check an image's pixel dimensions and DPI metadata without any special software:

• Windows: Right-click the image file → Properties → Details tab. Look for "Width," "Height," "Horizontal resolution," and "Vertical resolution."
• Mac: Right-click the image → Get Info → More Info section shows dimensions. Or open in Preview → Tools → Adjust Size to see both pixel dimensions and resolution.
• Any browser: Drag the image into a new browser tab. The page title and tab show the pixel dimensions.
• Photoshop / GIMP: Image → Image Size shows pixel dimensions, document size, and DPI all in one dialog.

Understanding the difference between pixel dimensions and DPI unlocks confident decisions about image quality for any use case. For web, focus on pixel count and file size. For print, calculate the pixels you need based on 300 DPI at your target print size. Use the image resizer to hit the exact dimensions you need, and the image compressor to keep file sizes lean for web delivery.