Pt to px converter
Convert typographic points (pt) to pixels (px) and vice versa. Adjust screen DPI to match design systems across web, iOS, and print.
pt
px
12pt equals 16px at 96 DPI.
Standard CSS web resolution is 96 DPI (1pt = 1.333px).
Resolution presetsIn Figma and design software, 1pt equals 1px when working on a 1x canvas. In CSS code, 12pt equals 16px by default.
Common typography sizes
Standard typography scale comparing points and pixels at 96 DPI.
| Role | Points (pt) | Pixels (px) | Actions |
|---|---|---|---|
| Caption | 9pt | 12px | |
| Small text | 10.5pt | 14px | |
| Body text | 12pt | 16px | |
| Large body | 13.5pt | 18px | |
| Subheading | 18pt | 24px | |
| Heading | 24pt | 32px | |
| Large heading | 36pt | 48px | |
| Display | 48pt | 64px |
How it works
1
Set resolution (DPI)
Default 96 DPI corresponds to web standards where 1pt ≈ 1.333px. Use 72 DPI for 1:1 DTP point mapping.
2
Type points or pixels
Enter points (pt) or pixels (px). Both fields synchronize in real time as you type.
3
Copy the result
Copy the computed pixel or point value ready for Figma, iOS, or CSS stylesheets.