Convert css pixel to inch instantly. Type in either field — results update live.
Selected px values converted to in using the exact factor from this tool.
| px | in |
|---|---|
| 0.01 | 0.00010416666667 |
| 0.1 | 0.0010416666667 |
| 1 | 0.010416666667 |
| 2 | 0.020833333333 |
| 3 | 0.03125 |
| 5 | 0.052083333333 |
| 10 | 0.10416666667 |
| 20 | 0.20833333333 |
| 50 | 0.52083333333 |
| 100 | 1.0416666667 |
| 1,000 | 10.4166666667 |
Exact conversion factors in both directions, plus a worked example.
1 px = 0.0104166667 in
1 in = 96 px
To convert css pixel to inch, multiply by 0.0104166667.
To convert inch to css pixel, multiply by 96.
Example: convert 10 px to in
10 × 0.0104166667 = 0.1041666667 in
Short background on the units used in this conversion.
The CSS pixel (px) is the CSS reference pixel — defined as 1/96 of an inch under the CSS spec, not a physical screen pixel.
CSS pixels size web layouts, font-size declarations, and design-tool exports at the standard 96 px per inch reference.
The inch equals 96 CSS pixels and 72 points under the CSS reference-pixel definition.
Inches bridge print design (US) and CSS layout when converting physical dimensions to screen units.
in = px × 0.010416666667px = in × 96, using the same exact factors as this converter.