Screen diagonal in pixels
sqrt(width^2 + height^2)
Screen scale tool
Calculate pixels per inch (PPI) and pixels per millimeter from the resolution and physical diagonal you enter. The result is a useful screen-density estimate for comparing displays or starting ruler calibration; confirm an actual-size ruler with a physical reference on the display you are using.
Calculated pixels per inch (PPI)
Enter a diagonal
Calculated pixels per millimeter
-
Your browser screen size can be filled automatically. Enter the physical diagonal from your device specifications.
Online rulers usually need CSS pixels per inch, not the raw hardware PPI printed in a device spec. Device pixel ratio and browser scaling can make those numbers different.
sqrt(width^2 + height^2)
diagonal pixels / physical screen diagonal inches
pixels per inch / 25.4
Estimating actual-size ruler scale from a monitor or laptop diagonal.
Checking whether browser CSS pixels differ from hardware pixel density.
Finding a starting calibration value before confirming with a credit card.
These are approximate CSS PPI values for popular device categories. Your exact PPI depends on model, resolution mode, and OS scaling settings.
| Device | Typical resolution | Diagonal | CSS PPI |
|---|---|---|---|
| MacBook Air 13" | 1470x956 (scaled) | 13.6" | ~128 |
| MacBook Pro 16" | 1728x1117 (scaled) | 16.2" | ~127 |
| 27" 4K monitor | 1920x1080 (4K at 2x) | 27" | ~82 |
| 24" 1080p monitor | 1920x1080 | 24" | ~92 |
| 15.6" 1080p laptop | 1920x1080 | 15.6" | ~141 |
| iPad Pro 12.9" | 1024x1366 (CSS) | 12.9" | ~132 |
| iPhone 15 Pro | 393x852 (CSS) | 6.1" | ~154 |
CSS PPI differs from hardware PPI because of device pixel ratio scaling. Use the calculator above with your actual screen diagonal for an exact value.
PPI (pixels per inch) describes the pixel density of a resolution at a physical screen size. Calculate it by dividing the screen diagonal in pixels (the square root of width² plus height²) by the diagonal in inches.
PPI can provide a starting estimate for mapping pixels to real-world units. An actual-size online ruler still needs a physical reference check because the browser may render a different CSS scale from the display's hardware pixel density.
Not always. Device pixel ratio, operating-system display scaling, and browser zoom can make the browser's rendered CSS-pixel scale differ from the hardware resolution. Use a physical reference to verify the rendered ruler.
It varies with the panel's resolution and physical diagonal. Enter the values for a specific display rather than relying on a category average; the calculation will show the PPI for those inputs.
PPI is a useful starting point, not a complete verification. Confirm the ruler with a flat physical reference of known size, such as the 85.60 mm width of a standard ID-1 card, on the display and zoom setting you will use.
Open the ruler and switch between centimeter, millimeter, and inch marks.
Browse every ruler guide, calculator, and converter.
Use a credit card, screen diagonal, or known object to set the ruler scale.
Understand inch fractions, centimeter marks, and millimeter ticks.
Convert inch, centimeter, and millimeter measurements after reading the ruler.