Перевести 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 перемножуються.