Learn
DPI vs PPI: Difference Between Dots Per Inch and Pixels
DPI (Dots Per Inch) measures print resolution using physical ink dots. PPI (Pixels Per Inch) measures screen resolution using digital pixels. DPI is for printers; PPI is for screens.
Overview
DPI (Dots Per Inch) measures print resolution using physical ink dots. PPI (Pixels Per Inch) measures screen resolution using digital pixels. DPI is for printers; PPI is for screens.
Quick Answer
DPI (dots per inch) belongs to printing. PPI (pixels per inch) belongs to screens and digital images. Understanding print vs screen resolution starts with that distinction: DPI measures how many tiny ink dots a printer deposits per inch, while PPI measures how many pixels are packed into each inch of a display or digital file. Both describe density per inch, but they apply to different contexts.
Side-by-Side Comparison
| Attribute | DPI (Dots Per Inch) | PPI (Pixels Per Inch) |
|---|---|---|
| Stands for | Dots per inch | Pixels per inch |
| Applies to | Printers and printing | Screens and digital images |
| Measures | Ink dot density | Pixel density |
| Typical values | 600 - 2880 (printers) | 72 - 460 (screens) |
| Higher value means | Smoother, finer prints | Sharper, crisper display |
| Controlled by | Printer hardware/driver | Display hardware |
| Affects file size? | No (metadata only) | No (metadata only) |
When DPI Applies
DPI applies to printing. Your printer's DPI setting determines how finely it reproduces image data. A 1200 DPI laser printer deposits printer dots far more precisely than a 300 DPI printer, producing smoother gradients and sharper text.
When someone says "save this image at 300 DPI," they usually mean 300 PPI: 300 pixels per inch at the intended print size. The printer's actual DPI is a separate hardware specification that you don't control in the image file.
When PPI Applies
PPI applies to screens and image files. Your monitor has a fixed PPI set by its resolution and physical size. When you're preparing images for a specific print size, PPI tells you how many pixels you need. At 300 PPI, a 10x8-inch print requires a 3000x2400 pixel image.
Why Mixing Them Up Causes Real Problems
Software like Photoshop labels image resolution as "DPI" in its Photoshop resolution settings field, even though it is technically PPI. That label confuses people into thinking the DPI number in an image file controls print quality. It does not. The image file stores pixels, not dots, and that image metadata only sets the default print size. When you export a design at "72 DPI" and send it to a print shop expecting photo quality, you will get a pixelated result because the pixel count was too low, not because of the DPI number. Conversely, changing the DPI metadata in a file without resampling changes nothing about the actual image. The print shop may also reject your file if the PPI does not meet their specification, typically 300 PPI for photo output.
Use PPI when talking about screens, digital images, or print resolution requirements. Use DPI when talking about a physical printer's output capability. If a client or print service asks for "300 DPI," they almost certainly mean 300 PPI: they want your image file to have 300 pixels per inch at the intended output size. Matching the right pixel count to the output size is what actually controls quality. The DPI label is just a tag.
Practical Quality Notes for DPI vs PPI
This guide is most helpful when the result is tied to a real workflow, not treated as a loose number. For DPI vs PPI, verify print size, source pixel dimensions, and the DPI value requested by the printer or export workflow. That context prevents the common mistake of copying a pixel value into a print, web, or CSS workflow where the reference size is different.
DPI vs PPI should be checked with the formula, a realistic example, and the actual output requirement before you export or publish. If the number looks unexpectedly large or small, check the unit direction first, then check the DPI, base font size, viewport width, or physical measurement that controls the calculation.
A good review pass for DPI vs PPI is simple: calculate once, compare against a known example, and preview the final output at the size people will actually see. DPI (Dots Per Inch) measures print resolution using physical ink dots. PPI (Pixels Per Inch) measures screen resolution using digital pixels. DPI is for printers; PPI is for screens.
Checks Before You Use the Result
- Confirm that DPI vs PPI is using the same input unit your source file or design brief uses.
- Save the DPI, viewport, or font-size setting next to the final DPI vs PPI value so another person can reproduce it.
- Preview the DPI vs PPI output on the target medium before sending it to print, publishing it, or adding it to CSS.
- Recalculate DPI vs PPI after resizing, cropping, changing aspect ratio, or changing the root font-size or viewport assumption.
When the Number Needs a Second Look
Recheck the result if the project moves from screen to print, from desktop to mobile, from one social platform placement to another, or from a draft export to a production file. Small context changes can make a correct DPI vs PPI answer wrong for the final job.
Sources
Reference Sources
These external references support the page's conversion formulas, resolution guidance, and unit explanations.
w3.org
W3C: CSS Values and Units Module Level 4
Specification covering absolute lengths and resolution units such as px, in, cm, mm, pt, and dpi.
Visit source
developer.mozilla.org
MDN: CSS values and units
Reference guide for CSS measurement units and how browsers interpret physical and relative sizes.
Visit source
developer.mozilla.org
MDN: <resolution>
Reference for resolution units including dpi, dppx, and dpcm used in screen and print discussions.
Visit source
developer.mozilla.org
MDN: image-resolution
Explains how raster image resolution metadata interacts with CSS and print-oriented image workflows.
Visit source
Frequently Asked Questions
For practical purposes, yes. When you save a file at '300 DPI' in Photoshop, you're actually setting PPI. Both describe density per inch. The technical difference: DPI is printer ink dots, PPI is screen/image pixels. In professional print specs, use PPI for files and DPI for printer settings.
Neither is universally more important. They apply to different contexts. DPI matters when specifying printer output quality. PPI matters when sizing images for screens or preparing files for print. For web design, neither matters: only pixel dimensions count.
Historical convention. Adobe Photoshop and most image editors label their resolution field 'DPI' even though image files contain pixels, not ink dots. The industry adopted DPI terminology before the distinction mattered. When software says 'save at 300 DPI,' it means 300 PPI.
They are equal in this context. 300 DPI and 300 PPI describe the same pixel density: 300 pixels (or dots) per linear inch. The difference is which medium: a 300 DPI printer produces 300 ink dots per inch, while a 300 PPI image file contains 300 pixels per inch at the intended print size.
In casual use, many people swap the terms. However, DPI technically applies to printers (ink dots per inch), while PPI applies to screens and digital images (pixels per inch). Using the correct term avoids ambiguity in professional settings.
When referring to an image file, '300 DPI' usually means 300 PPI. The image has 300 pixels per inch at its intended print size. The printer's actual DPI (often 720-2880) determines how finely those pixels are reproduced with ink dots.
Neither. Web browsers ignore the DPI/PPI metadata in image files. Only pixel dimensions matter for web display. A 1200x800 image renders the same on screen regardless of its DPI setting.
72 DPI was the legacy Mac screen resolution, and 96 DPI is the Windows default. These defaults have no impact on how the image appears on screen. They only affect the default print size calculation.
Use PPI when talking about screens, monitors, phone displays, and image file resolution. Use DPI when talking about physical printer output and ink dot density. In practice, most designers use DPI for both because image editing software labels the resolution field 'DPI' even when it technically means PPI. For professional print specs, use PPI. For casual conversation, either term works.
72 DPI and 300 DPI differ in pixel density per inch. At 72 DPI, a 720-pixel-wide image prints at 10 inches. At 300 DPI, the same 720 pixels prints at 2.4 inches. The pixel data is identical. Only the print size changes. For screen display, neither matters because browsers ignore DPI metadata. For print, 300 DPI produces sharper output at reading distance while 72 DPI is only appropriate for large-format work viewed from a distance.