Перевести px в em: формула и таблица перевода

пиксели px em em

Базовый размер шрифта (px)

1 px = 0,0625 em

Открыть в «Конвертер PX в REM»

Формула

em = px ÷ 16

Как перевести

Чтобы перевести px в em, разделите значение на 16. Например, 32 px = 2 em.

Таблица перевода

px	em
1 px	0,0625 em
2 px	0,125 em
4 px	0,25 em
8 px	0,5 em
10 px	0,625 em
12 px	0,75 em
14 px	0,875 em
16 px	1 em
18 px	1,125 em
20 px	1,25 em
24 px	1,5 em
32 px	2 em
48 px	3 em
64 px	4 em

Таблица рассчитана для: базовый размер шрифта 16px. Измените настройки в конвертере выше под свой проект.

Об этих единицах

Браузеры переводят любую длину CSS в пиксели. rem зависит от размера шрифта корневого элемента, em — от размера шрифта родителя; в основных браузерах оба равны 16px, если страница или пользователь их не меняли. 1pt — это 1/72 дюйма, 1px — 1/96 дюйма, значит 1pt = 1,333px. vw — 1 % ширины вьюпорта, поэтому его размер в пикселях зависит от экрана.

Частые вопросы

› Как перевести px в em?

1 px = 0,0625 em. Чтобы перевести, разделите значение на 16: 32 px = 2 em.

› Сколько px в 1 em?

1 em = 16 px. Обратная формула: px = em × 16.

› Зачем использовать rem вместо px?

Размеры в rem следуют настройке размера шрифта в браузере пользователя, что важно для доступности, а изменение одного корневого значения согласованно масштабирует весь макет.

› Чем rem отличается от em?

rem всегда берёт размер шрифта корневого элемента (html). em берёт размер шрифта родителя, поэтому вложенные значения em перемножаются.