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