EM ↔︎ PX conversion tables
| EM | Pixels |
|---|---|
| 0.01em | 0.16px |
| 0.03em | 0.5px |
| 0.05em | 0.8px |
| 0.08em | 1.3px |
| 0.1em | 1.6px |
| 0.15em | 2px |
| 0.2em | 3px |
| 0.5em | 8px |
| 1em | 16px |
| 2em | 32px |
| 3em | 48px |
| 4em | 64px |
| 5em | 80px |
| 6em | 96px |
| 8em | 128px |
| 10em | 160px |
| 15em | 240px |
| 20em | 320px |
| 30em | 480px |
| 40em | 640px |
| 50em | 800px |
| 60em | 960px |
| 80em | 1280px |
| 100em | 1600px |
| Pixels | EM |
|---|---|
| 1px | 0.06em |
| 2px | 0.13em |
| 3px | 0.19em |
| 4px | 0.3em |
| 5px | 0.3em |
| 6px | 0.4em |
| 8px | 0.5em |
| 10px | 0.6em |
| 12px | 0.8em |
| 14px | 0.9em |
| 15px | 0.9em |
| 16px | 1em |
| 18px | 1.1em |
| 20px | 1.3em |
| 24px | 1.5em |
| 25px | 1.6em |
| 28px | 1.8em |
| 32px | 2em |
| 36px | 2em |
| 40px | 3em |
| 44px | 3em |
| 48px | 3em |
| 50px | 3em |
| 56px | 4em |
| 64px | 4em |
| 72px | 5em |
| 75px | 5em |
| 80px | 5em |
| 90px | 6em |
| 100px | 6em |
Convert EM to pixels
This calculator converts the CSS unit PX to pixels.
The conversion is based on the default font-size of 16 pixel, but can be changed.
The conversion works of course in both directions, just change the opposite input field.
An example
So if we take the default size as an example, than 1px represents 0.0625em and, in the other direction, 1em represents 16px.
EM vs. REM: The differences
Inside a sinlge document, the length of a REM unit is everywhere the same, it can just differ between documents.
EM on the other side can differ between every element, because it is relative to the elements own font-size (excpetion is the font-size itself, in it EM is relative to the parent).
REM is the newer unit, older browsers don't support it.