Inch (in)
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.
Inch to CSS Pixel
Convert inch to css pixel instantly. Type in either field — results update live.
Instant
Private
Free
typography Inch CSS Pixel
1 inch = 96 css pixels
Unit
Unit
Conversion table
Selected in values converted to px using the exact factor from this tool.
| in | px |
|---|---|
| 0.01 | 0.96 |
| 0.1 | 9.6 |
| 1 | 96 |
| 2 | 192 |
| 3 | 288 |
| 5 | 480 |
| 10 | 960 |
| 20 | 1,920 |
| 50 | 4,800 |
| 100 | 9,600 |
| 1,000 | 96,000 |
How to convert
Exact conversion factors in both directions, plus a worked example.
1 in = 96 px
1 px = 0.0104166667 in
To convert inch to css pixel, multiply by 96.
To convert css pixel to inch, multiply by 0.0104166667.
Example: convert 15 in to px
15 × 96 = 1440 px
About these units
Short background on the units used in this conversion.
CSS Pixel (px)
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.
Frequently asked questions
How many css pixels are in one inch?
One inch equals 96 css pixels. Multiply your inchs value by 96 to convert to css pixels.
What is the conversion formula?
px = in × 96The reverse is
in = px × 0.010416666667, using the same exact factors as this converter.Is this Inch to CSS Pixel converter private?
Yes. All calculations run locally in your browser. Nothing you type is sent to a server.