1.17 em equals 18.72 px assuming the base font size is 16 pixels.
To convert em to pixels, multiply the em value by the root font size in pixels. So, 1.17 em × 16 px equals 18.72 px. This conversion depends on the base font size that defines 1 em.
Conversion Tool
Result in px:
Conversion Formula
The formula to convert em units to pixels is:
pixels = em × base font size in pixels
This works because 1 em equals the current font size in pixels. If the base font size is 16 px, then 1 em = 16 px. Therefore, multiplying the em value by 16 converts it to pixels.
Example:
- Given em value: 1.17
- Base font size: 16 px
- Calculation: 1.17 × 16 = 18.72 px
Conversion Example
- Convert 2.5 em to px:
- Multiply 2.5 by 16 (base font size)
- 2.5 × 16 = 40 px
- Result: 2.5 em = 40 px
- Convert 0.75 em to px:
- 0.75 × 16 = 12 px
- Result: 0.75 em equals 12 px
- Convert 3 em to px:
- 3 × 16 = 48 px
- Result: 3 em is 48 px
- Convert 1.33 em to px:
- 1.33 × 16 = 21.28 px
- Result: 1.33 em equals 21.28 px
- Convert 0.5 em to px:
- 0.5 × 16 = 8 px
- Result: 0.5 em is 8 px
Conversion Chart
The chart below shows em values from -23.8 to 26.2 converted to pixels. Multiply each em value by 16 px to get the result in pixels. Negative values represent negative pixel sizes which might be used in certain CSS transformations or calculations.
| em | px | em | px | em | px |
|---|---|---|---|---|---|
| -23.8 | -380.8 | 0 | 0 | 23.8 | 380.8 |
| -20.5 | -328 | 1.5 | 24 | 20.5 | 328 |
| -17.2 | -275.2 | 3 | 48 | 17.2 | 275.2 |
| -13.9 | -222.4 | 5.5 | 88 | 13.9 | 222.4 |
| -10.6 | -169.6 | 8 | 128 | 10.6 | 169.6 |
| -7.3 | -116.8 | 10.2 | 163.2 | 7.3 | 116.8 |
| -4 | -64 | 13 | 208 | 4 | 64 |
| -0.7 | -11.2 | 15.7 | 251.2 | 0.7 | 11.2 |
| -0.1 | -1.6 | 18.4 | 294.4 | 0.1 | 1.6 |
| 0.3 | 4.8 | 21 | 336 | 0.9 | 14.4 |
| 1 | 16 | 23.5 | 376 | 26.2 | 419.2 |
Related Conversion Questions
- How many pixels does 1.17 em equal if the base font size is 18px?
- What is the pixel value for 1.17 em in CSS when the root font size is 16px?
- Does 1.17 em always convert to the same number of pixels on all websites?
- How to convert 1.17 em to px when the font size changes dynamically?
- Can 1.17 em be smaller than 16 pixels in some browsers?
- Why does 1.17 em result in different px values in nested elements?
- Is the conversion of 1.17 em to pixels affected by zoom level?
Conversion Definitions
em: The em unit is a relative measurement in typography, based on the size of the current font. It scales depending on the font size of the element or its parent, meaning 1 em equals the font size of the element. This allows flexible and scalable designs in CSS.
px: The px unit stands for pixels. It is an absolute measurement representing a single dot on the screen. Pixels provide precise control over element sizes in digital layouts but do not scale with user settings or font sizes by default, which can affect accessibility.
Conversion FAQs
Why does 1.17 em convert to 18.72 px?
Because 1 em equals the base font size, usually 16 pixels, multiplying 1.17 by 16 gives 18.72 pixels. The em unit is relative, so the exact px depends on base font size, but 16 px is common default.
What happens if the base font size changes from 16 px?
The pixel value for 1.17 em changes proportionally. For example, if the base font size is 20 px, then 1.17 em equals 23.4 px instead of 18.72 px. Em units adapt to font size changes.
Can 1.17 em be smaller than 16 px?
Yes, if the base font size is less than 16 px or if it inherits from parent elements with smaller font sizes. Since em is relative, its pixel equivalent varies with context.
Is converting em to px always exact?
Conversion is mathematically exact based on the formula, but rendering on screens may differ slightly due to rounding, zooming, or browser rendering engines. Some browsers round pixel values.
How to convert em to px in nested elements?
Em units inside nested elements scale relative to the font size of their parent. To get the absolute px, multiply the em value by the computed font size of the parent element, which might differ from the root font size.