Калькулятор em в пиксели

Об этом калькуляторе

em — относительная единица длины в CSS, привязанная к размеру шрифта: 1em всегда равен текущему размеру шрифта элемента, к которому она применена (а когда её задают для самого font-size — размеру шрифта родительского элемента). По умолчанию браузеры задают корневой размер шрифта 16px, поэтому при стандартной настройке 1em = 16px, а в общем случае px = em × базовый размер шрифта: заголовок размером 2em при базе 16px отображается как 32px, а тот же 2em при базе 18px — уже как 36px.

Поскольку em масштабируется вместе с размером шрифта пользователя или родительского элемента, именно её выбирают CSS-разработчики для адаптивной и доступной типографики — межстрочного интервала, отступов и размера шрифта, которые должны расти, когда человек увеличивает размер текста в настройках браузера. Перевод между em и пикселями — привычный шаг при превращении макета в пикселях (Figma, Sketch) в масштабируемый и доступный CSS.