Convert EM to PX
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.
0.5em 1em 2em 3em
8px 16px 32px 48px
Try it with your own data
Frequently Asked Questions
What is the difference between REM and EM?
rem (Root EM) is relative to the root element (usually <html>) font size. em is relative to the font size of its nearest parent element.
Why use REM instead of Pixels?
Using rem units is crucial for accessibility. If a user changes their browser's default font size, your entire layout will scale proportionally, which is not possible with static pixel units.
How to convert EM to PX
- Take the em value you want to convert.
- Multiply it by the current element's font size (16px by default).
- The result is your value in pixels — e.g. 2em × 16 = 32px.
Frequently asked questions
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.