Sign Up Free
Free toolAll size converters

EM to PX converter.

Turn em values into pixels at the font size of the parent element, or pixels into em. Type in either field; the table lists common values.

EM to Pixels at 16 px
empx
0.25em4px
0.5em8px
0.75em12px
0.875em14px
1em16px
1.125em18px
1.25em20px
1.5em24px
1.75em28px
2em32px
2.5em40px
3em48px
4em64px

Free tool, no warranty, no liability. The result is produced automatically by a free tool from transjt.ai, nothing more. It can be incomplete or wrong. transjt.ai gives no warranty and accepts no liability for decisions or changes based on it; check every result before you use it.

How it works

EM to PX in three steps.

  1. 01

    Set the parent’s font size

    The font size of the element the em value sits in, 16 px by default.

  2. 02

    Type the em value

    The pixels follow as you type; it works the other way round too.

  3. 03

    Copy the value

    Such as 24px or 1.5em, ready to paste.

  4. Try it with your build.

    Design your website today, launch tomorrow.

    Start for FreeBook a demo
FAQ

Questions and answers.

What people ask before they convert.

Book a demo

  • Multiply the em value by the font size of the parent element: in a 20 px paragraph, 1.5em is 1.5 × 20 = 30 px.

  • em compounds: an element at 1.2em inside another at 1.2em ends up at 1.44 times the outer size. rem avoids this because it always refers to the root.

  • For spacing that should scale with the text it belongs to, such as a button’s padding or the gap after a heading.

  • Yes, with no sign-up and no limits.

More free tools

Design your website today, launch tomorrow.

At transjt, every second counts. That’s why our mission is simple: save you time and remove friction from your workflow.

Start for FreeBook a demo