Convert EM to PX
Convert em to pixels based on parent font size. Understand actual rendered sizes. Free online CSS unit calculator.
Formula: px = em × parent font size
Quick example: 1.5em × 16 = 24px (with 16px parent)
Value
Unit
px
px
px
px
pxSource
16pxrem
1remem
1emvh
1.4815vhvw
0.8333vwVisual Preview
16px
About This Conversion
Converting em to pixels reveals the actual rendered size of em-based values. Since em is relative to the parent element's font size, the same em value can produce different pixel sizes depending on context. This conversion is essential for debugging layout issues where nested em values compound unexpectedly. For example, 1.5em inside a 20px parent renders as 30px, but inside a 14px parent it renders as only 21px. Understanding this relationship helps you choose between em and rem appropriately.
Frequently Asked Questions
How do I calculate EM to PX?
Multiply the em value by the parent element's computed font size. Example: 2em with a 16px parent = 32px.
Why do EM values look different in nested elements?
EM compounds: if a parent is 1.5em (24px from 16px root), and a child inside it is 1.5em, the child becomes 1.5 × 24 = 36px, not 24px. This cascading is why rem is often preferred.
What is the default parent font size?
The browser default is 16px for the root element. Nested elements inherit from their parent, which may differ.