Why Resolution Matters
You've probably seen the warning before: "Image resolution is too low." Or maybe you've uploaded a photo that looked sharp on your phone screen but came out blurry when printed. Understanding image resolution is the key to avoiding these problems — and to confidently preparing images for any output, whether that's a website, a business card, or a billboard.
This guide explains everything from first principles, with no assumptions about prior knowledge.
What Is a Pixel?
A pixel (short for "picture element") is the smallest unit of a digital image. Every digital image is made up of a rectangular grid of pixels, each with a specific colour value expressed as red, green, and blue components. A photo taken on a modern smartphone might contain 12 million pixels arranged in a grid 4000 pixels wide × 3000 pixels tall.
The total number of pixels in an image is called its resolution. We often express this as dimensions (e.g., "1920×1080 pixels") or as a megapixel count (e.g., "12 MP").
What Are Megapixels?
A megapixel is simply one million pixels. A 12-megapixel camera captures images with approximately 12 million pixels. You can calculate megapixels by multiplying width × height and dividing by one million:
- 4000 × 3000 = 12,000,000 pixels = 12 MP
- 1920 × 1080 = 2,073,600 pixels ≈ 2 MP
- 6000 × 4000 = 24,000,000 pixels = 24 MP
More megapixels mean more detail — but also larger file sizes. For most web purposes, even 2 MP is more than enough resolution. For large-format print (A1, A0, or poster size), you want 12 MP or more.
What Is PPI (Pixels Per Inch)?
PPI stands for Pixels Per Inch and measures how densely pixels are packed on a screen. A screen with 100 PPI has 100 pixels in every inch of its physical display area. A screen with 400 PPI (like a modern iPhone Retina display) packs 400 pixels into each inch — making images look sharp and crisp at normal viewing distance.
PPI is a physical property of the display device, not of the image file itself. A 1920×1080 image looks the same in pixel count on a 72 PPI monitor and a 300 PPI screen — but it will look sharper on the high-PPI screen because those pixels are physically smaller and more densely packed.
What PPI Should I Use for Screen?
For web design and digital use, PPI doesn't apply the same way it does for print. What matters for screens is the pixel dimensions of the image relative to the container it will be displayed in. A 1920×1080 image displayed in a 1920px-wide container will always fill it perfectly, regardless of the monitor's PPI. Focus on pixel dimensions, not PPI, when preparing images for the web.
What Is DPI (Dots Per Inch)?
DPI stands for Dots Per Inch and is technically a printing term describing how many ink dots a printer places in each inch of paper. A 300 DPI print has 300 individual ink dots per inch — enough to produce a sharp, photographic-quality print that looks continuous to the human eye at normal reading distance.
In everyday usage, people often use PPI and DPI interchangeably, even though they technically refer to different things. When someone says "this image is 72 DPI," they usually mean the image's metadata says 72 pixels per inch — a convention originally set by early Macintosh monitors from the 1980s.
What DPI Do I Need for Print?
| Use Case | Minimum DPI | Ideal DPI |
|---|---|---|
| Standard office printing | 150 DPI | 300 DPI |
| Professional photo printing | 240 DPI | 300 DPI |
| Large format (A1 posters, banners) | 72–100 DPI | 150 DPI |
| Billboards (viewed from far away) | 15–25 DPI | 50 DPI |
| Business cards | 300 DPI | 600 DPI |
For most purposes, 300 DPI is the standard for print quality. Below 150 DPI, most people can see individual pixels in printed output.
How Are Pixels and Print Size Related?
The relationship between pixel dimensions and print size depends on DPI. The formula is straightforward:
Print size in inches = Pixel dimension divided by DPI
For example: A 3000×2400 pixel image printed at 300 DPI produces a 10×8 inch print (3000 ÷ 300 = 10 inches wide, 2400 ÷ 300 = 8 inches tall). The same 3000×2400 image printed at 150 DPI would produce a 20×16 inch print — but at half the sharpness.