Inches to CSS Pixels: the quick answer
1 in = 96 px
1 inch equals 96 CSS pixels
To convert inches to CSS pixels, multiply the value by 96. To go the other way, multiply CSS pixels by 0.0104167 to get inches.
To convert inches to CSS pixels, multiply the value by 96. To go the other way, multiply CSS pixels by 0.0104167 to get inches.
| Inches (in) | CSS Pixels (px) |
|---|---|
| 1 in | 96 px |
| 2 in | 192 px |
| 3 in | 288 px |
| 4 in | 384 px |
| 5 in | 480 px |
| 6 in | 576 px |
| 7 in | 672 px |
| 8 in | 768 px |
| 9 in | 864 px |
| 10 in | 960 px |
| 12 in | 1,152 px |
| 14 in | 1,344 px |
| 15 in | 1,440 px |
| 20 in | 1,920 px |
| 21 in | 2,016 px |
| 24 in | 2,304 px |
| 25 in | 2,400 px |
| 30 in | 2,880 px |
| 40 in | 3,840 px |
| 50 in | 4,800 px |
| 60 in | 5,760 px |
| 75 in | 7,200 px |
| 80 in | 7,680 px |
| 100 in | 9,600 px |
| 200 in | 19,200 px |
| 250 in | 24,000 px |
| 300 in | 28,800 px |
| 400 in | 38,400 px |
| 500 in | 48,000 px |
| 750 in | 72,000 px |
| 1,000 in | 96,000 px |
Inch (in). The inch is an imperial and US customary unit equal to exactly 25.4 millimeters, used for screen sizes, pipes and tyres.
CSS pixel (px). A CSS pixel is defined as 1/96 of an inch (about 0.2646 mm) and is used in screen layouts.
There are 96 CSS pixels in one inch.
Multiply the number of inches by 96. For example, 10 inches equal 960 CSS pixels.
One CSS pixel equals 0.0104167 inches.
1,152 CSS pixels. Other common values: 5 inches = 480 CSS pixels and 100 inches = 9,600 CSS pixels.