# Convert EM to PX

> Convert em to pixels online. Free EM to PX converter with a worked example and a live calculator for a configurable base font size.

To pin down the real size of an em value, multiply it by the element's font size. This converter does that against a base font size (16px by default) so you can translate em back into concrete pixels for specs and debugging.

## Example: EM → PX

Input:
```
0.5em
1em
2em
3em
```

Output:
```
8px
16px
32px
48px
```

## How to convert EM to PX

1. Take the em value you want to convert.
2. Multiply it by the current element's font size (16px by default).
3. The result is your value in pixels — e.g. 2em × 16 = 32px.

## FAQ

### How many pixels is 1em?

It depends on the element's font size. At the default 16px, 1em = 16px. If the element's font-size is 20px, then 1em = 20px.

### Why does em sometimes give unexpected pixels?

Em compounds through nested elements: a child's em is relative to its parent's computed font size, not the root. Check the inherited font-size if the result surprises you.

## Related converters

- [PX → EM](https://www.devkult.com/convert/px-to-em.md)
- [REM → PX](https://www.devkult.com/convert/rem-to-px.md)
- [REM → EM](https://www.devkult.com/convert/rem-to-em.md)

Open the interactive converter: https://www.devkult.com/convert/em-to-px