Resolution, DPI, PPI, megapixels — these words appear everywhere but are rarely explained clearly. The confusion is understandable: the terms overlap, they mean different things in different contexts, and advice that is correct for print is actively wrong for the web. Here is what each term actually means and when it matters.
A pixel is the smallest unit of a digital image. Every photo and graphic is a grid of pixels, each one assigned a specific colour. Zoom into any digital image far enough and you see the individual coloured squares. The total number of pixels is described by the image's dimensions — width × height. An image 1920 pixels wide and 1080 pixels tall has 2,073,600 pixels in total, or roughly 2 megapixels.
More pixels means more captured detail. A 12-megapixel photo contains more visual information than a 2-megapixel photo of the same scene, which means you can print it larger, crop into it further, or display it on a bigger screen without it looking pixelated.
PPI describes how densely pixels are packed on a screen. A display with more pixels per inch shows finer detail — text looks sharper, edges are cleaner. Most laptop screens fall around 100–150 PPI. Modern smartphones are 300–460 PPI, which is why text on a phone looks so crisp compared to an older monitor. Apple's "Retina" displays are simply screens where the PPI is high enough that individual pixels become invisible at normal viewing distance.
For web images, PPI is essentially irrelevant. An image displayed on a screen is rendered pixel-for-pixel. A 1920 × 1080 px image fills a 1080p screen regardless of what PPI number is embedded in the file's metadata. You can change that metadata number freely without affecting how the image looks on screen at all.
DPI is a print measurement. It describes how many ink dots a printer places per inch of paper. More dots per inch means finer detail in the printed result. The standard for quality print is 300 DPI — at this density, individual dots are invisible to the eye and the image looks sharp and continuous.
When you send an image to a printer, the DPI setting tells it how large to print the image. A 3000 × 2400 px image printed at 300 DPI would produce a 10 × 8 inch print (3000 ÷ 300 = 10, 2400 ÷ 300 = 8). Print it at 150 DPI and it would be 20 × 16 inches — twice as large, but with half the dot density and noticeably softer edges.
Simple rule: for screens and the web, think in pixels. For print, think in DPI. The DPI embedded in your image file has no effect whatsoever on how it looks on screen.
For web use and social media, pixel dimensions are all that matter. Match the image to its display size — a hero image at 1440 px wide, a blog post image at 800 px wide, a thumbnail at 400 px wide. Going larger wastes bandwidth and triggers more platform compression; going smaller makes the image look soft on high-DPI screens.
For print at 300 DPI, you need 300 pixels for every inch of the intended print size. A 4 × 6 inch print needs 1200 × 1800 px. An 8 × 10 inch print needs 2400 × 3000 px — about 7 megapixels. For large-format prints like posters viewed from a distance, you can use lower DPI (150 DPI is often enough) because the viewing distance compensates for the lower dot density.
Scaling an image down removes pixels — the image loses detail, but because you are viewing fewer pixels at the same size, this is usually invisible. Scaling up is a different story. The software has to invent pixels that were never there, estimating their values from the surrounding pixels. Basic scaling produces blurry, blocky results. Better algorithms produce smoother results, but they cannot recover detail that was never captured. The practical rule: always work from the highest-resolution source you have, and size down to your target. Starting small and scaling up will always produce an inferior result.
This is the most common resolution question, and the answer is almost always dimensions. An image might look perfectly sharp on a 1080p monitor, but when you try to print it at A4 size (roughly 8 × 11 inches) at 300 DPI, it needs to be 2400 × 3300 px to look sharp. If the image is only 1920 × 1080 px, you are stretching it well beyond what the pixel count can support, and the print looks soft. The screen looked fine because the monitor was using the pixels exactly at their native size — the print is trying to use them at a larger scale than they were designed for.