Pixels (CSS px) to Points Converter
1 px equals 0.75 pt, and 1 pt equals 1.3333333 px. Enter a value in either box to convert pixels (css px) to points and back. Formula: CSS defines 1 in = 96 px = 72 pt = 6 pc; rem and em = px / base font size (default 16 px).
· CalcFlow Editorial
16 px = 12 pt
Results shown are estimates for informational purposes only. Nothing on CalcFlow is financial, tax, legal, or medical advice. Always consult a qualified professional before making important decisions.
Pixels (CSS px) to Points Conversion Table
| Pixels (CSS px) | Points |
|---|---|
| 8 px | 6 pt |
| 10 px | 7.5 pt |
| 12 px | 9 pt |
| 14 px | 10.5 pt |
| 16 px | 12 pt |
| 18 px | 13.5 pt |
| 24 px | 18 pt |
| 32 px | 24 pt |
| 48 px | 36 pt |
Points to Pixels (CSS px) Conversion Table
| Points | Pixels (CSS px) |
|---|---|
| 8 pt | 10.666667 px |
| 10 pt | 13.333333 px |
| 12 pt | 16 px |
| 14 pt | 18.666667 px |
| 16 pt | 21.333333 px |
| 18 pt | 24 px |
| 24 pt | 32 px |
| 32 pt | 42.666667 px |
| 48 pt | 64 px |
Worked example: 10 px = 7.5 pt. 24 px at a 16 px base is 24 / 16 = 1.5 rem. A 12 pt print font is 12 x 96 / 72 = 16 px.
Need other units? Open the full Typography and CSS Unit Converter.
Popular Typography Conversions
Formula
CSS defines 1 in = 96 px = 72 pt = 6 pc; rem and em = px / base font size (default 16 px)Understanding Typography Conversion
On the web, CSS fixes the reference pixel at 1/96 of an inch, a point at 1/72 of an inch and a pica at 12 points, so 1 inch is 96 px, 72 pt and 6 pc. Relative units such as em and rem scale with a base font size, which browsers set to 16 pixels by default. Using rem for type and spacing keeps a layout responsive to the reader's font preference.
Tips and Best Practices
- 1At the default 16 px base, 1 rem is 16 px and 0.75 rem is 12 px.
- 2Divide px by the base size for rem; multiply rem by the base size for px.
- 3Use rem for font sizes so users who raise their browser font size get larger text.
Real-World Example
24 px at a 16 px base is 24 / 16 = 1.5 rem. A 12 pt print font is 12 x 96 / 72 = 16 px.
Common Mistakes to Avoid
- Assuming 1 em always equals 16 px; em depends on the parent element font size, and the base here is adjustable.
- Treating a CSS pixel as a physical device pixel on high density screens.
- Using pt on screens when the design brief is in px.
How to Use
- Type a number in the Pixels (CSS px) box.
- The Points result appears instantly; you can also edit the Points box to convert backwards.
- Use the swap button to reverse the direction and Copy result to copy the answer.
Frequently Asked Questions
How many points are in 1 px?
How many pixels (css px) are in 1 pt?
What is the formula to convert pixels (css px) to points?
How many px is 1 pt?
Sources: CSS Values and Units Module Level 3/4 (W3C): 1in = 96px = 2.54cm, 1pt = 1/72in, 1pc = 12pt.