Конвертер PX в REM
Переводите px и rem для вашего CSS на основе базового размера шрифта (по умолчанию 16px). Переключайте направление в любую сторону и копируйте результат с единицей.
Как пользоваться
Введите значение и базовый размер шрифта проекта (браузеры по умолчанию используют 16px). В режиме PX→REM инструмент делит на базовый размер; в режиме REM→PX — умножает — та же математика, что делает браузер при рендеринге rem.
Использование rem вместо px для размеров шрифта и отступов заставляет вёрстку масштабироваться вместе с настройкой размера шрифта в браузере пользователя — это лучше для доступности и адаптивности. Конвертер снимает с вас арифметику при переводе дизайна с px на rem.
Частые вопросы
В чём разница между px и rem?
px — это фиксированный пиксель. rem относителен к размеру шрифта корневого элемента — если он 16px, то 1rem = 16px, 1.5rem = 24px. Поскольку rem масштабируется вместе с настройкой размера шрифта пользователя, он предпочтителен для доступной адаптивной типографики.
Какой базовый размер шрифта использовать?
Большинство браузеров по умолчанию — 16px, это и есть обычная база, если ваш CSS не задаёт `html { font-size: … }`. Если вы меняли базовый размер, введите его здесь, чтобы конвертация совпадала с реальным рендерингом.
В чём разница между rem и em?
rem всегда относителен к корневому размеру шрифта, поэтому предсказуем. em относителен к размеру шрифта родителя текущего элемента, поэтому накапливается при вложенности. Этот инструмент переводит px↔rem; rem — более частый выбор для консистентного масштабирования.
Что-то отправляется на сервер?
Нет — это простая арифметика, выполняемая полностью в браузере.