Pixel Unit Converter
Convert CSS units including px, em, rem, pt, cm, mm, and inches at any base font size.
For responsive web design and translating print to screen dimensions.
Type in any field — the others update instantly. Adjust base font size for em/rem.
CSS uses several units for sizing elements and text. Conversions assume 96 DPI (standard screen resolution).
Absolute units (at 96 DPI):
- 1 inch = 96 px = 72 pt = 2.54 cm = 25.4 mm
- 1 px = 0.75 pt = 0.0104 in = 0.0265 cm
- 1 pt = 1.333 px = 0.01389 in = 0.03528 cm
- 1 cm = 37.795 px
- 1 mm = 3.7795 px
Relative units (depend on base font size):
- 1 em = size of the parent element’s font (default 16px)
- 1 rem = size of the root (html) element’s font (default 16px)
- At default 16px base: 1 em = 1 rem = 16 px
Common font sizes:
| px | em/rem | pt | Use case |
|---|---|---|---|
| 12px | 0.75 | 9pt | Small text |
| 14px | 0.875 | 10.5pt | Body text (small) |
| 16px | 1.0 | 12pt | Default body |
| 18px | 1.125 | 13.5pt | Large body |
| 24px | 1.5 | 18pt | Heading |
| 32px | 2.0 | 24pt | Large heading |
Web best practice: Use rem for font sizes and px for borders/shadows.
How we build and check this converter
This converter runs entirely in your browser, so the numbers you enter stay on your device. The math behind it is written by hand and tested against worked examples and standard references before the page goes live.
SuperGlobalCalculator is independently built and maintained. See how we build and verify our calculators.