EM to PX Converter

A tool that converts EM to PX for a specific breakpoint, helping to measure pixels accurately.

The base font size is pixels.
Rounding precision (max 15):

EM to PX Conversion Table

This table shows common EM to PX values with a 16px base font size. Use the converter above for more conversions.

EM Pixels (px)
0.0625em1px
0.125em2px
0.1875em3px
0.3125em5px
0.5em8px
0.625em10px
0.75em12px
0.875em14px
0.9375em15px
1em16px
1.125em18px
1.25em20px
1.375em22px
1.5em24px
1.875em30px
2em32px
2.125em34px
2.1875em35px
2.375em38px
2.5em40px
2.625em42px
2.8125em45px
3em48px
3.125em50px
3.25em52px
3.4375em55px
3.75em60px
4em64px
4.375em70px
4.5em72px
4.6875em75px
4.875em78px
5em80px
5.125em82px
5.3125em85px
5.5em88px
5.625em90px
5.75em92px
5.9375em95px
6.25em100px

How to Convert EM to PX?

To convert em to px, you need to know the size of 1em, which is typically based on the font size of the parent element. Then, simply use the formula:
em × parent font size = px

For example, with 1em being 16px, 2em would convert to:
2 × 16 = 32px

What is the EM to PX formula?

The formula for converting EM to PX is:
PX = EM × Parent Font Size

Typically, the parent font size is 16px, so the formula becomes:
PX = EM × 16

Why Convert EM to PX?

PX provides absolute sizing, ensuring consistency across different elements and devices, making it useful for precise layouts where fixed dimensions are required.

Why Use PX Over EM?

  • Precision: PX provides exact control over element sizes, ensuring consistent layouts across different devices and browsers.
  • Predictability: PX values remain fixed, making it easier to maintain design integrity without unexpected scaling due to parent elements.
  • Design Consistency: PX ensures that elements remain the same size regardless of user settings, which is useful for pixel-perfect designs.
  • Ease of Use: PX does not depend on parent elements, simplifying calculations and making it straightforward for developers to work with.
  • Fixed Layouts: PX is ideal for designs where precise positioning and dimensions are required, such as in graphic design or fixed-width layouts.