Plain-language reference
PPI vs DPI: Whatâs the Difference?
PPI counts pixels per inch. DPI counts printed dots per inch. People often use the two terms as if they mean the same thing, but keeping them separate makes screen, image, and print measurements much easier to understand.
Published and reviewed September 6, 2026
The short answer
Use PPI when talking about pixels in a screen or digital image. Use DPI for the physical dots made by a printer. For an online ruler, the useful number is calibrated effective PPI: how many browser CSS pixels currently fill one real inch on your screen.
Screen PPI
Physical display pixels per inch
Image PPI
Image pixels assigned to each printed inch
Printer DPI
Ink or toner dots placed per inch
PPI has two common jobs
Pixels per inch can describe a display or the intended print size of an image. The unit is the same, but the question is different.
Hardware screen PPI
This is the density of the panel itself: how many physical display pixels fit into one inch. You need the screenâs pixel resolution and physical size to calculate it.
Image PPI for print
This tells you how tightly an imageâs pixels will be packed at a chosen print size. The same file can have different PPI values at different print sizes without gaining or losing pixels.
Example 1: calculate a screenâs hardware PPI
Suppose a laptop display is 1920 Ă 1080 pixels and measures 15.6 inches diagonally. First find the diagonal pixel count, then divide it by the diagonal size in inches.
diagonal pixels = â(1920ÂČ + 1080ÂČ) â 2203
hardware PPI = 2203 Ă· 15.6 â 141 PPI
That 141 PPI describes the panel. It does not mean a webpageâs 141 CSS pixels will always measure exactly one inch. Operating-system scaling, browser zoom, and the browserâs CSS-pixel mapping sit between the webpage and the hardware pixels.
Example 2: calculate image PPI for a print
You have a photo that is 1200 pixels wide and want to print it 4 inches wide. Divide the image width in pixels by the final print width.
1200 pixels Ă· 4 inches = 300 PPI
Print the same file 8 inches wide and it becomes 150 PPI. The file still contains 1200 pixels across; those pixels are simply spread over twice the distance.
Changing only a fileâs PPI setting does not create new detail. Adobeâs current guidance shows that when resampling is disabled, you can change print dimensions and resolution while keeping the existing pixel dimensions. New pixels appear only when software resamples the image, and invented pixels are not the same as detail captured by the camera or scanner.
What DPI means at the printer
Dots per inch describes the small marks a printer can place on paper. A printer often uses several colored ink or toner dots to reproduce the color and tone represented by one image pixel. That is why a printerâs 1200 DPI setting and an image prepared at 300 PPI are not contradictory numbers.
Do not divide printer DPI by image PPI and treat the result as extra image detail. Printer technology, screening, driver settings, paper, ink, and viewing distance all affect the final output.
The Federal Agencies Digital Guidelines Initiative defines PPI as pixels per inch and notes that DPI originally refers to printed dots per inch. It also acknowledges that software and device makers sometimes mix the terms.
Why Online Ruler uses effective PPI
A webpage measures layout in CSS pixels. CSS defines a fixed conversion of 96 CSS pixels to one CSS inch, but on a screen that CSS inch is not guaranteed to occupy one physical inch on the glass. The browser usually anchors its layout to the reference pixel instead.
Online Ruler therefore starts with the web default of 96 CSS pixels per inch, then lets you calibrate. Calibration finds an effective value for one specific setup: the number of CSS pixels that currently match a real inch on this browser, screen, zoom level, and display configuration.
Hardware PPI is useful, but it is not the calibration result
A product specification may correctly say the screen is 141 PPI. Entering 141 blindly can still give the wrong physical ruler if the operating system or browser is scaling the page.
The fixed CSS ratios and the screen caveat come from the W3C CSS Values and Units specification.
Which number should you use?
| What you are doing | Use | What else you need |
|---|---|---|
| Comparing laptop or phone display density | Hardware PPI | Pixel resolution and physical diagonal |
| Preparing an image for a chosen print size | Image PPI | Image pixel dimensions and final print size |
| Checking a printerâs marking resolution | Printer DPI | Printer and paper specifications |
| Measuring webpage layout | CSS px | No physical calibration needed |
| Estimating cm or inches on a screen | Calibrated effective PPI | A verified physical reference |
Four mix-ups to avoid
- âThis image is 300 DPI, so it is high quality.â You also need its total pixel dimensions and intended print size.
- âChanging 72 to 300 adds detail.â Not unless the image is resampled, and resampling cannot recover detail that was never captured.
- âA 1200 DPI printer needs a 1200 PPI photo.â Printer dots and image pixels perform different jobs.
- âA high-PPI screen makes a browser ruler physically accurate.â A dense panel can look sharper, but physical size still depends on scaling and calibration.
Sources and limits
The calculations above assume square pixels and an accurate stated screen diagonal or print size. Rounded specifications and cropped display areas can change a hardware-PPI result slightly.
PPI and DPI describe density, not guaranteed quality. A sharp result also depends on source detail, viewing distance, printer behavior, material, and the tolerance required for the job.
Try it on the ruler
Open the tool, keep browser zoom at 100%, and use pixels first. Calibrate before relying on cm or inches.
Open the online ruler