Введіть число
1 em = 16 px
Відкрити в «Конвертер PX у REM»Формула
px = em × 16
Як перевести
Щоб перевести em у px, помножте значення на 16. Наприклад, 2 em = 32 px.
Таблиця переведення
| em | px |
|---|---|
| 0,25 em | 4 px |
| 0,5 em | 8 px |
| 0,75 em | 12 px |
| 0,875 em | 14 px |
| 1 em | 16 px |
| 1,25 em | 20 px |
| 1,5 em | 24 px |
| 2 em | 32 px |
| 2,5 em | 40 px |
| 3 em | 48 px |
| 4 em | 64 px |
Таблицю розраховано для: базовий розмір шрифту 16px. Змініть налаштування в конвертері вище під свій проєкт.
Про ці одиниці
Браузери переводять будь-яку довжину CSS у пікселі. rem залежить від розміру шрифту кореневого елемента, em — від розміру шрифту батьківського; в основних браузерах обидва дорівнюють 16px, якщо сторінка чи користувач їх не змінили. 1pt — це 1/72 дюйма, 1px — 1/96 дюйма, отже 1pt = 1,333px. vw — 1 % ширини вʼюпорту, тому його розмір у пікселях залежить від екрана.
Часті запитання
› Як перевести em у px?
1 em = 16 px. Щоб перевести, помножте значення на 16: 2 em = 32 px.
› Скільки em в 1 px?
1 px = 0,0625 em. Зворотна формула: em = px ÷ 16.
› Навіщо використовувати rem замість px?
Розміри в rem слідують за налаштуванням розміру шрифту в браузері користувача, що важливо для доступності, а зміна одного кореневого значення узгоджено масштабує весь макет.
› Чим rem відрізняється від em?
rem завжди бере розмір шрифту кореневого елемента (html). em бере розмір шрифту батьківського елемента, тому вкладені значення em перемножуються.