General Questions
What is the difference between DPI and PPI?
DPI (Dots Per Inch) technically refers to printer resolution — how many ink dots a printer can place in one linear inch. PPI (Pixels Per Inch) is the correct term for screens, measuring how many pixels fit into one inch of display.
In practice, people use DPI and PPI interchangeably when discussing screens. This tool measures PPI, but we use "DPI" because it's the more commonly searched term.
How do I calculate my screen's DPI?
You can calculate DPI using this formula:
DPI = √(width² + height²) / diagonal_inches
For example, a 27-inch monitor with 2560×1440 resolution:
- Calculate diagonal pixels: √(2560² + 1440²) = 2937 pixels
- Divide by diagonal size: 2937 / 27 = 109 DPI
Easier method: Use our DPI Calculator with credit card calibration.
Why does my operating system show 96 DPI when my screen is different?
96 DPI (Windows) and 72 DPI (older Mac) are logical reference values, not physical measurements. These are historical standards that operating systems use for compatibility.
Modern OS use scaling factors instead. A 220 PPI Retina display might report as "96 DPI at 2x scaling" — meaning each CSS pixel uses 2×2 physical pixels. See our 72 vs 96 DPI guide for the full history.
About the Tool
How accurate is the credit card calibration method?
Credit card calibration is very accurate when done carefully. Credit cards worldwide follow the ISO/IEC 7810 ID-1 standard with exact dimensions of 85.60mm × 53.98mm.
If you precisely match the on-screen rectangle to your physical card, this method achieves accuracy within 1-2 DPI. Make sure your browser zoom is at 100% (press Ctrl+0 or Cmd+0).
Does this tool collect my data?
No. All calculations happen entirely in your browser using JavaScript. We don't collect, store, or transmit any information about your screen measurements or device. See our Privacy Policy for details.
Can I use this on mobile devices?
Yes, the tool works on smartphones and tablets. However, credit card calibration works best on desktop monitors where precise adjustments are easier. For mobile devices, use manual entry if you know your screen size.
Display Technology
What is a good DPI for different uses?
- General use: 90-110 DPI (24" 1080p, 27" 1440p)
- Design work: 100-163 DPI (27" 4K ideal)
- Gaming: 100-140 DPI (less GPU strain)
- Text-heavy work: 150-220 DPI (Retina displays)
- Professional photo editing: 163-220 DPI
Is higher DPI always better?
Not necessarily. Benefits of higher DPI:
- Sharper text and images
- Smoother curves and diagonals
- Better for detail work
Drawbacks of very high DPI (220+):
- Requires more GPU power
- UI elements become tiny without OS scaling
- Higher cost
- Reduced battery life on laptops
The sweet spot for most desktop work is 100-163 DPI.
What is a Retina display?
Retina is Apple's marketing term for screens with pixel density high enough that individual pixels are invisible at normal viewing distances. The threshold varies by device:
- iPhone: ~300 PPI (10-12 inch viewing distance)
- iPad: ~220 PPI (15 inch viewing distance)
- MacBook: ~200-220 PPI (20 inch viewing distance)
- iMac: ~170-220 PPI (24-30 inch viewing distance)
Learn more in our Retina Display guide.
Screen Measurements
How do I measure my monitor's diagonal size manually?
To measure manually:
- Use a measuring tape or ruler
- Measure from one corner to the opposite corner
- Measure only the visible screen area (exclude the bezel)
- If measured in centimeters, divide by 2.54 to convert to inches
See our complete measurement guide.
What if browser zoom affects my calibration?
Browser zoom will affect calibration accuracy. Always ensure your browser is at 100% zoom:
- Windows/Linux: Press Ctrl+0
- Mac: Press Cmd+0
- Check the browser's address bar for zoom indicator
Web Design & Development
Does DPI matter for web design?
For most web development, no. Browsers use CSS pixels (logical units) that automatically adapt to different pixel densities. A 300px wide element looks the same size on any screen.
DPI matters for:
- Serving appropriate image resolutions (use srcset)
- Canvas and WebGL applications
- Building measurement tools or rulers
Read our complete guide: Does DPI Matter for Web Design?
How do CSS pixels relate to physical measurements?
CSS defines 1 inch = 96 CSS pixels, regardless of your screen's actual DPI. This is a logical standard, not a physical measurement.
To convert:
- CSS pixels to inches: divide by 96
- Inches to CSS pixels: multiply by 96
See our CSS Pixels to Inches guide.
Print vs Screen
What's the difference between 96 DPI (screen) and 300 DPI (print)?
96 DPI is a logical reference for screens, while 300 DPI is the physical requirement for quality print output.
Key differences:
- Screen (96 DPI): Logical standard; actual screen DPI varies widely
- Print (300 DPI): Physical requirement based on human vision limits
When printing screen images, they become ~3x smaller at 300 DPI. A 1920×1080 image that fills your screen will print at only 6.4" × 3.6".
Full explanation: 96 DPI vs 300 DPI guide.
Troubleshooting
My results seem incorrect. What should I check?
If measurements seem off, verify:
- Browser zoom is at 100% (Ctrl+0 or Cmd+0)
- Credit card alignment is precise (use a physical card)
- Screen resolution is detected correctly
- Diagonal size entry is accurate (for manual method)
Try both calibration methods and compare results.
Why does my second monitor show different DPI?
Different monitors have different pixel densities. A 24" 1080p monitor (~92 DPI) and a 27" 4K monitor (~163 DPI) side-by-side will have very different PPI values.
This is normal. To measure each monitor, run the calculator on that specific screen.
Still Have Questions?
If your question wasn't answered here:
- Browse our complete guide library
- Check our articles and tutorials
- Contact us directly