Convert points (pt) to pixels (px)
Use this free tool to convert typography and layout values from pt to px. By default, it uses the web standard of 96 DPI.
What is the pt to px conversion?
A point (pt) and a pixel (px) are both units used for sizing text and interface elements, but they come from different systems. In modern web standards, the default relationship is based on 96 pixels per inch and 72 points per inch.
That means the standard formula is:
px = pt × (DPI ÷ 72)
At 96 DPI (the common CSS reference), this simplifies to:
px = pt × 1.3333
Why convert pt to px?
You may need this conversion when you move between print-oriented documents and digital interfaces, or when matching design specs across tools.
- Design software may specify font sizes in points.
- CSS typically uses pixels, rem, or em.
- Developers often need exact visual matches from design handoff files.
- Email templates and PDFs may use pt while websites rely on px.
Common pt to px values (at 96 DPI)
| Points (pt) | Pixels (px) | Typical Usage |
|---|---|---|
| 8 pt | 10.67 px | Very small captions |
| 9 pt | 12 px | Dense UI text |
| 10 pt | 13.33 px | Secondary body copy |
| 11 pt | 14.67 px | Compact body text |
| 12 pt | 16 px | Common readable body size |
| 14 pt | 18.67 px | Subheadings |
| 16 pt | 21.33 px | Section headings |
| 18 pt | 24 px | Prominent heading text |
How to use this calculator
Step 1: Enter point value
Input the number of points you want to convert (for example: 10, 11.5, or 12).
Step 2: Confirm DPI setting
Keep DPI at 96 for typical web/CSS conversion. Change it only if your workflow specifically uses another display density.
Step 3: Choose precision
Set decimal places from 0 to 6, depending on how exact you need the output.
Step 4: Click calculate
You’ll instantly get the pixel result and the exact formula used.
Practical typography tips
- For web body text, many teams aim near 16px equivalent for readability.
- Use relative units like
remfor scalable systems, then convert from px if needed. - Match line height and spacing, not just font size, when translating from pt specs.
- Always preview on real devices because perceived size changes by screen and distance.
FAQ
Is 12pt always 16px?
At 96 DPI, yes: 12pt = 16px. If DPI changes, the px value changes as well.
Should I use pt in CSS?
Most web projects prefer px, rem, or em. Points are more common in print workflows.
Can I convert px back to pt?
Yes. Reverse formula: pt = px × (72 ÷ DPI).
Final thoughts
A fast pt to px conversion helps keep design and development aligned. Use the calculator above to get consistent values for UI text, headings, and layout elements—especially when working across print and web systems.