DPI / PPI Calculator
Calculate screen DPI, print resolution, and resize pixels for a target DPI. 100% client-side.
Last reviewed: April 2026New to this tool? Click here for instructions
Common Print Size Reference (click to expand)
| Format | Inches | px @ 72 | px @ 150 | px @ 300 |
|---|
How to Use the DPI / PPI Calculator
To use the DPI / PPI Calculator, simply enter the relevant dimensions and select the appropriate option. For screen DPI, enter your monitor's pixel resolution and diagonal screen size in inches. For print DPI, enter pixel dimensions and physical print size. For resizing, enter the desired physical size and target DPI. The calculator will provide the calculated DPI or pixel dimensions.
When to Use the Tool in Real Workflows
Use the DPI / PPI Calculator when you need to ensure that your images or designs are printed or displayed at the correct resolution. This is particularly useful when preparing images for print, optimizing images for web, or ensuring that your designs look sharp on high-DPI screens.
How It Works
The DPI / PPI Calculator operates entirely in the browser, making it 100% client-side. You input the necessary dimensions and select the desired option (screen DPI, print DPI, or resize for target DPI). The tool then uses these inputs to calculate and display the relevant DPI or pixel dimensions.
Tips, Edge Cases, or Limitations
The calculator assumes that the input dimensions are accurate. For best results, use actual pixel dimensions and physical measurements. The tool does not support advanced image processing or complex design tasks. For more advanced image editing, consider using dedicated software.
Frequently Asked Questions
Calculate the pixel density of any screen or print job, work out the required pixel count for a target DPI, and translate between physical and digital dimensions — entirely in your browser, with viewing-distance math layered on top.
What This Tool Does
This tool computes pixel density (PPI for screens, DPI for print) from a horizontal and vertical pixel count plus a physical size — for screens that physical size is a diagonal in inches, for prints it is a width and height in inches, centimetres, or millimetres. The math is the Pythagorean diagonal: diagonalPixels = sqrt(width² + height²), then PPI = diagonalPixels / diagonalInches. Run in reverse, the tool also resizes any physical area to the pixel count needed to hit a target DPI, and counts megapixels for camera-style sensor specs.
Layered over the raw arithmetic is a viewing-distance lens. The Apple Retina rule — the loose industry shorthand for "pixels too small to resolve at normal use" — comes from a simple angular-resolution calculation: a typical human eye can distinguish about one arc-minute of detail, so the cutoff PPI is roughly arctan(1 ÷ 60) × distance_in_inches, or about 3438 ÷ distance in inches. Every result the tool produces is paired with a print-vs-screen comparison table and, where relevant, a clear "below / at / above Retina threshold" verdict for the typical use distance.
Everything runs client-side. The numbers you enter never leave the browser tab — no network call, no upload, no logging. 🔒
How to Use It: Step-by-Step
The interface is split into four modes you toggle with the chips at the top of the calculator. Each mode takes a small set of numeric inputs and produces a live result grid.
Screen DPI Mode
Enter the horizontal pixel count (e.g. 2560), the vertical pixel count (e.g. 1440), and the diagonal screen size in inches (e.g. 27). The tool computes the diagonal pixel count via Pythagoras, divides by the diagonal inches, and displays the resulting PPI, megapixel total, and decimal diagonal-pixel value. Useful when you have a monitor on the desk and want to know whether it qualifies as Retina at your seating distance.
Print DPI Mode
Enter the source image's pixel width and height, plus the physical width and height you want to print at. The unit toggle switches between inches, centimetres, and millimetres. The tool returns horizontal DPI (pixels / width), vertical DPI (pixels / height), and the average — checking that the two match is a fast way to confirm the image was prepared with the same aspect ratio as your print size, since they should be equal when the geometry matches.
Resize for Target DPI Mode
Enter the physical width and height you want to print, plus a target DPI (most photo print shops want 300 DPI; large posters viewed from a distance can be 150 DPI or even less). The tool returns the exact pixel dimensions needed to hit that target, plus the resulting file's megapixel count so you know whether your source camera or scanner has enough resolution.
Megapixel Mode
Enter any pixel width and height and the tool returns megapixel total, simplified aspect ratio, and the maximum print size at 300 DPI. Useful for evaluating camera files, mobile screenshots, or render outputs against a print spec.
Worked Example: Apple Displays vs. a Decade-Old 1080p Monitor
The fastest way to internalize what PPI actually means is to walk a real-world set of devices through the calculator side by side. Each device below uses Apple's published panel specs paired with the standard arm's-length viewing distance for that form factor.
- 27-inch iMac 5K Retina
- 5120 × 2880 pixels, 27-inch diagonal → 217.6 PPI. Diagonal pixel count = sqrt(5120² + 2880²) = 5876 px. At a typical 24-inch desk viewing distance the Retina cutoff is about 3438 ÷ 24 = 143 PPI, so 217 PPI is comfortably above the threshold.
- 27-inch Apple Studio Display
- Identical math: 5120 × 2880 at 27 inches diagonal = 217.6 PPI. The Studio Display reuses the iMac 5K's panel density, which is why Apple markets both as "5K Retina" without further qualification.
- 14-inch MacBook Pro (M3, 2023+)
- 3024 × 1964 pixels, 14.2-inch diagonal → 253.7 PPI, marketed by Apple as "Liquid Retina XDR." At a 20-inch laptop viewing distance the Retina cutoff is about 172 PPI, so 254 PPI clears the bar by a healthy margin and supports the panel's mini-LED HDR features without revealing sub-pixel structure.
- Old 24-inch 1080p Monitor
- 1920 × 1080 pixels, 24-inch diagonal → 91.8 PPI. At a 28-inch desk distance the Retina threshold is 123 PPI, and at 24 inches it is 143 PPI — well above this monitor's actual density. Text edges visibly pixelate on subpixel renderers, and ClearType / font hinting works hard to compensate.
Expected output for the iMac 5K: 217 PPI, 14.75 MP, 5876 px diagonal. For the 14-inch MacBook Pro: 254 PPI, 5.94 MP, 3603 px diagonal. For the 1080p 24-inch: 92 PPI, 2.07 MP, 2203 px diagonal. The 92 PPI result is the clearest single-number explanation of why old 1080p panels look blurry next to a Retina laptop — they are running at less than half the angular density the eye can resolve.
Common Use Cases
Picking a Monitor
Before buying a display, compute its PPI from the spec sheet's resolution and diagonal, then compare against the Retina cutoff for your typical viewing distance. A 32-inch 4K monitor at 24 inches distance comes in at about 138 PPI versus a 143 PPI cutoff — borderline. The same panel at 28 inches drops the cutoff to 123 PPI and the monitor passes. This is why "is 4K worth it on a 32-inch monitor?" is genuinely "depends on how close you sit." If you cannot find a published diagonal, work backwards from the aspect ratio: a 16:9 monitor with width w inches has diagonal w × sqrt(1 + (9/16)²) ≈ 1.147 × w.
Print Resolution for Photos
Photo print shops universally request 300 DPI for prints viewed at reading distance. Reverse-compute the required pixel count before sending a file: an 8×10 photo at 300 DPI needs 2400 × 3000 = 7.2 MP, well within any modern camera or phone. A 16×20 needs 4800 × 6000 = 28.8 MP, which exceeds most non-medium-format cameras and requires either upscaling or accepting a lower DPI. Aspect ratio simplifier helps verify the source matches the print aspect before resampling, which avoids unwanted cropping.
Mobile Screenshot Scaling
Modern phones report screenshots at full device-pixel resolution (e.g. an iPhone 15 Pro screenshot is 1290 × 2796), but render them at CSS pixel size (430 × 932). When embedding a phone screenshot in a desktop tutorial, dividing dimensions by the device pixel ratio yields the natural display size; multiplying back up gives a sharp 2x or 3x asset for HiDPI export.
Edge Cases and Pitfalls
CSS Pixels ≠ Device Pixels
A "pixel" in CSS is no longer a physical pixel. On a 2x DPR screen, width: 100px in CSS resolves to a 200-device-pixel region. The CSS pixel is now defined relative to the reference viewing angle (about 0.0213 degrees at arm's length), which is why an inch on the screen looks about the same physical size whether you are on a 1x laptop or a 3x phone.
Scaling Layers Stack Multiplicatively
OS display scaling (Windows 125%, macOS Retina mode) and browser zoom both apply on top of the device pixel ratio. A 1.25x OS scale × 2x DPR × 1.1x browser zoom yields an effective 2.75x ratio, which the browser implements via filtered upsampling. Raster assets prepared for a single integer ratio will look soft under these stacked conditions.
Fractional DPR Like 1.25x
Many Windows laptops ship with 125% or 150% scaling as the default. The browser exposes a fractional window.devicePixelRatio, and source pixels must be mapped to fractional destination pixels via interpolation. Pixel-perfect designs lose crispness at 1.25x, which is why design systems often supply 1x, 2x, and 3x assets but skip the fractional intermediates.
Sub-Pixel Rendering and ClearType
On RGB-stripe LCD panels, text renderers can address individual sub-pixels rather than full pixels, effectively tripling horizontal resolution for text. ClearType and macOS sub-pixel anti-aliasing (deprecated in macOS Mojave+ for Retina screens) compensate for low PPI in this way. The technique falls apart on PenTile or non-stripe sub-pixel layouts, which is why text on early Galaxy AMOLEDs looked subtly different from text on standard LCDs at the same nominal PPI.
HiDPI Retina Definition
"Retina" is a marketing term, not a hard spec. The threshold is roughly arctan(1 ÷ 60 degree) × viewing distance in inches, but Apple has applied the label to panels from 218 PPI desktops to 460 PPI phones because the viewing distances are different. Read the spec sheet alongside the device's typical use distance — both numbers matter.
Browser Zoom Falsifies Layout Tests
A page tested at 100% zoom on a 1x DPR test machine looks different from the same page at the user's 150% zoom on a 2x DPR phone. Always confirm the effective pixel ratio of your test environment matches a realistic user environment; otherwise layout breakpoints designed at 1x will trigger at unexpected viewport widths.
Behind the Scenes: PPI vs. DPI and Angular Resolution
The PPI/DPI Terminology Split
Strictly: PPI describes a screen — a count of pixel-emitter sites per inch. DPI describes a print — a count of ink dots per inch. They are not interchangeable at the physical level because ink dots approximate continuous tone via dithering, while pixels emit a chosen colour directly. A 300 PPI screen render and a 300 DPI inkjet print look different even at the same nominal density: the screen has more accurate per-pixel colour, the print has the look of physical ink. Software like Photoshop conflates the two ("Image Size → Resolution: 300 pixels/inch") because in the source bitmap the distinction is meaningless — only the output stage cares.
Arc-Minutes of Resolution
The human visual system, under typical daytime conditions, can distinguish two points separated by roughly 1 arc-minute of angular separation — equivalently, 1/60 of a degree. At a viewing distance d measured in inches, this resolves to a physical separation of d × tan(1/60°) ≈ d ÷ 3438 inches between distinguishable points. Inverting that: the minimum pixel density that exceeds eye resolution is about 3438 ÷ d PPI. For a 12-inch reading distance the threshold is 286 PPI; for a 24-inch monitor distance it is 143 PPI; for an 8-foot TV viewing distance it is just 36 PPI.
The Snellen Chart Connection
The 1 arc-minute resolution figure is the same standard codified in the Snellen eye chart. The 20/20 line is defined as letters whose individual stroke widths subtend exactly 1 arc-minute at 20 feet — that is the operational definition of "normal visual acuity." Apple's Retina spec borrows this directly: a display whose pixels are smaller than 1 arc-minute at its intended viewing distance is, by definition, beyond what a 20/20-vision viewer can resolve. Users with sharper-than-20/20 vision (about 35% of the population can resolve 20/15) will perceive a small but real difference even above the Retina threshold, which is one reason 4K-on-phone and 8K-on-TV markets persist despite the math.
Pythagorean Diagonal Math
Manufacturers spec screens by diagonal because it is independent of aspect ratio — a 27-inch 16:9 panel and a 27-inch 21:9 panel both have the same diagonal but different widths. The diagonal pixel count is sqrt(width² + height²), and PPI = diagonal_pixels ÷ diagonal_inches. The tool uses this identity for every screen calculation.
Comparison: This Tool vs. Other PPI / DPI Resources
Several established sites and tools cover overlapping territory. The comparison below highlights where this calculator fits in the broader landscape.
| Resource | Best For | Calculation Coverage | Cost | Limitations |
|---|---|---|---|---|
| ThisDevTool DPI / PPI Calculator (this page) | Quick screen-PPI, print-DPI, and target-DPI math with viewing-distance context | Screen PPI, print DPI, resize, megapixel, Retina threshold check | Free, no signup, no ads inside tool | No colorimeter integration; no panel-database lookup |
| displayspecifications.com | Looking up a specific monitor or laptop panel | Pre-computed PPI for thousands of panels plus full spec sheets (response time, colour gamut, refresh rate) | Free, ad-supported | No on-the-fly calculator; you must find the exact model entry |
| RTings.com | Independent measured display reviews | Tested PPI, contrast, motion handling, HDR brightness, response time | Free, ad-supported plus paid early-access tier | Review-only; no calculator for unlisted models |
| DisplayCAL | Colour calibration and characterisation with a hardware colorimeter | Per-pixel colour accuracy, gamma, white point, ICC profile generation | Free open-source (requires hardware colorimeter, $150+) | Does not calculate PPI; assumes you already know your panel's geometry |