Understanding Image Resolution, DPI, and PPI - Print vs Web Guide
"Is this image 300 DPI?" - it's one of the most asked questions in design and photography. But what does image resolution actually mean? And does DPI matter for web images? This guide explains everything you need to know about resolution, DPI, and PPI for both print and digital use.
What Is Image Resolution?
Image resolution describes how much detail an image contains. It can be expressed in two ways:
- Pixel dimensions: The total number of pixels, e.g., 3000 × 2000 pixels (6 megapixels). This is the absolute resolution - the actual data in the image file.
- Pixel density (PPI/DPI): How many pixels (or dots) fit into one inch when printed or displayed. This is relative resolution - it determines the physical size of the output.
- At 300 PPI → prints at 10" × 6.67" (high quality)
- At 72 PPI → prints at 41.7" × 27.8" (low quality, stretched)
DPI vs PPI - What's the Difference?
| PPI (Pixels Per Inch) | DPI (Dots Per Inch) | |
|---|---|---|
| What it measures | Pixel density of a digital image or screen | Ink dot density a printer outputs |
| Digital or physical | Digital (screen, image file) | Physical (printer output) |
| Who uses it | Photographers, web developers, designers | Print shops, publishers |
| Example | "This image is 300 PPI" | "Print at 300 DPI on the laser printer" |
| Can you change it? | Yes (metadata, or by resampling) | Set in printer/RIP settings |
In practice: Most people (and even software like Photoshop) use "DPI" when they actually mean "PPI." This is technically incorrect but universally understood. When a client says "I need the image at 300 DPI," they mean 300 PPI.
Resolution for Print - The 300 DPI Rule
For print, resolution determines whether your output looks sharp or pixelated. The industry standard is:
300 DPI
Professional Print
Magazines, business cards, photo prints, brochures, packaging
150 DPI
Large Format
Posters, banners, trade show displays (viewed from 3+ feet)
72 DPI
Billboard / Draft
Billboards (viewed from 20+ feet), internal drafts, proofs
How to Calculate Required Pixel Dimensions for Print
Formula: Print Size (inches) × DPI = Required Pixels
| Print Size | At 300 DPI | At 150 DPI | Megapixels (300 DPI) |
|---|---|---|---|
| 4×6" (standard photo) | 1200 × 1800 | 600 × 900 | 2.2 MP |
| 5×7" (framed print) | 1500 × 2100 | 750 × 1050 | 3.2 MP |
| 8×10" (portrait) | 2400 × 3000 | 1200 × 1500 | 7.2 MP |
| 11×14" (large print) | 3300 × 4200 | 1650 × 2100 | 13.9 MP |
| A4 (8.3×11.7") | 2490 × 3510 | 1245 × 1755 | 8.7 MP |
| 24×36" (poster) | 7200 × 10800 | 3600 × 5400 | 77.8 MP |
Resolution for Web - Why DPI Doesn't Matter
A 1200×800 pixel image displays identically on a website whether it's saved at 72 PPI or 300 PPI. The browser ignores the PPI metadata entirely - it uses the pixel dimensions and scales to the CSS-specified display size.
What actually matters for web images:
| Use Case | Recommended Width | Format |
|---|---|---|
| Blog post hero image | 1200-1920px | WebP or JPEG |
| Product thumbnail | 400-600px | WebP or JPEG |
| Social media post | 1080-1200px | JPEG or PNG |
| Email header | 600-700px | JPEG |
| Icon / favicon | 16-512px | PNG or SVG |
| Retina display (2x) | 2× display size | WebP or JPEG |
For Retina/HiDPI displays: Serve images at 2× the display size. If an image displays at 600px wide on your site, provide a 1200px wide source image for Retina sharpness.
Resolution Chart by Use Case
| Use Case | Resolution | Key Metric |
|---|---|---|
| Magazine / book printing | 300 DPI | PPI at print size |
| Business cards | 300 DPI | PPI at print size |
| Photo prints | 300 DPI | PPI at print size |
| Poster / banner | 150 DPI | PPI at print size |
| Billboard | 30-72 DPI | PPI at print size |
| Website images | N/A | Pixel width (800-1920px) |
| Social media | N/A | Pixel dimensions per platform |
| N/A | Pixel width (600-700px) + file size | |
| App / UI design | N/A | Pixel dimensions + @2x/@3x variants |
How to Check Image Resolution
Method 1: Snipinsta Image Metadata (Quick & Free)
- Go to Snipinsta Image Metadata
- Upload your image
- View full EXIF data: pixel dimensions, DPI/PPI, color space, camera info, and more
Method 2: Right-Click on Your Computer
- Windows: Right-click image → Properties → Details tab → look for "Horizontal resolution" and "Vertical resolution"
- Mac: Open image in Preview → Tools → Show Inspector (⌘I) → look for Image DPI
Method 3: In Photoshop
Image → Image Size → Resolution field shows PPI. Uncheck "Resample" to see print size at current PPI.
How to Change Image Resolution
There are two fundamentally different operations:
Changes only the metadata - tells printers to use a different dot density. No pixels are added or removed. Lossless operation.
Example: Changing 72 PPI to 300 PPI on a 3000×2000 image just changes the print size from 41.7×27.8" to 10×6.67".
Actually changes the number of pixels. Upsampling adds interpolated pixels (can look blurry). Downsampling removes pixels (permanent quality loss).
Example: Resampling 1000×667 to 3000×2000 triples the pixels - but the AI has to "guess" the missing detail.
To resize images for the web (change pixel dimensions), use Snipinsta Image Resizer - it supports custom dimensions, percentage scaling, and batch processing.
Common Myths Debunked
Check & Optimize Your Images
Use Snipinsta's free tools to check image resolution, resize for any use case, and optimize file size.