Em (12pt) to Pixel (96dpi) (Em (12pt) to Pixel (96dpi))
Result
16 Pixel (96dpi)
Formula
Pixel (96dpi) = Em (12pt) × 16
1 Em (12pt) = 16 Pixel (96dpi), and 1 Pixel (96dpi) = 0.0625 Em (12pt).
In CSS and desktop publishing, 1 inch = 72 points = 96 pixels, so 1 px = 0.75 pt. The em is relative to the current font size; this converter assumes a 12 pt base.
Worked examples
- 1 Em (12pt) × 16 = 16 Pixel (96dpi)
- 10 Em (12pt) × 16 = 160 Pixel (96dpi)
- 100 Em (12pt) × 16 = 1,600 Pixel (96dpi)
Common mistakes
- CSS pixels are reference units, not physical screen pixels; high-density displays draw several device pixels per CSS pixel.
- An em depends on the font size it is used in. Change the base and every em value changes.
Em (12pt) to Pixel (96dpi) table
| Em (12pt) (Em (12pt)) | Pixel (96dpi) (Pixel (96dpi)) |
|---|---|
| 1 | 16 |
| 2 | 32 |
| 5 | 80 |
| 10 | 160 |
| 20 | 320 |
| 50 | 800 |
| 100 | 1,600 |
| 1,000 | 16,000 |
The units
- Em (12pt) (Em (12pt))
- 1 Em (12pt) = 12 Point.
- Pixel (96dpi) (Pixel (96dpi))
- 1 Pixel (96dpi) = 0.75 Point.
Sources for these factors
Last reviewed against these sources. An automated check recomputes every factor from its definition on each build. How we check accuracy