How do I convert pixels to em?

Divide pixels by base font size: px ÷ 16 = em (at 16px base). Example: 24 px ÷ 16 = 1.5 em. Or multiply by 0.0625 for quick conversions.

Why should I use em instead of pixels in CSS?

Em values scale with font size changes. If you change base font from 16px to 18px, all em-based sizes scale automatically. Pixels stay fixed, breaking responsive designs.

I have a 32px padding in my CSS. What's that in em?

32 px ÷ 16 = 2 em. Replace padding: 32px with padding: 2em for a responsive, scalable design.

Does the conversion change if my base font size is different?

Yes. If base is 18px, then 1 em = 18 px, so the conversion factor changes. 36 px ÷ 18 = 2 em. Always divide by your actual base font size.

Pixel to Em Converter

Enter a value to instantly convert between typography units.

From

Precision4 dp

1 Pixel = 0.0625 Em

Key Formulas

Point → Pica

pc = pt × 0.0833333

Point → Inch

in = pt × 0.0138889

Pica → Inch

in = pc × 0.166667

Pixels are fixed screen units; ems are relative typographic units (1 em = font size; typically 16px on web). Converting pixels to ems makes designs responsive—ems scale with font size changes, while pixels don't. This is fundamental for modern responsive web design where layouts adapt across different devices.

Last reviewed: 2026-06-11 · see our methodology

Frequently Asked Questions

Real-World Examples

16 px = 1 em (at 16px base). Standard web body text size; the foundation of responsive design.

16 px = 1 em

24 px = 1.5 em. Common subheading size in web typography; scales responsively with base font.

24 px = 1.5 em

48 px = 3 em. Main heading size in responsive design; maintains readability across devices.

48 px = 3 em

12 px = 0.75 em. Small text for captions or secondary content; scales proportionally on mobile.

12 px = 0.75 em

points to picas points to type inches picas to type inches points to mm pixels to points ems to rems

Pixel to Em Converter

Key Formulas

Frequently Asked Questions

Real-World Examples

Related Converters