Конвертер PX в REM

REM (root em) всегда относится к размеру шрифта корневого элемента (html) — это стабильно и предсказуемо по всей странице. EM относится к родительскому элементу, что означает наложение: если у родителя 1.2em, а у ребенка тоже 1.2em, то ребенок получит размер в 1.44 раза больше базового. Используйте REM для размеров шрифтов и единообразных отступов; используйте EM, когда вы намеренно хотите масштабирования относительно собственного размера шрифта компонента (например, padding у кнопки).

REM учитывает предпочтения пользователя в настройках размера шрифта браузера. Если пользователь установит стандартный шрифт браузера на 20px для удобства доступа, то 1rem станет равен 20px, и ваша верстка масштабируется пропорционально. Значения PX фиксированы и игнорируют эти настройки. Использование REM делает ваш сайт более доступным и позволяет легко масштабировать его одним изменением корневого размера шрифта.

PT (points) — это печатная единица: 1pt = 1/72 дюйма. Для веба, при стандартном разрешении экрана, 12pt = 16px. PT иногда используется в стилях для печати (@media print), но редко в обычном веб-CSS. Для экранных макетов придерживайтесь PX, REM или EM.

Введите несколько значений PX по одному на строку в поле Bulk Converter и нажмите Convert. Вы получите эквиваленты REM, EM и PT для каждого значения в единой таблице. Это удобно при переносе дизайн-системы или конвертации существующего таблицы стилей из PX в REM одновременно.

Раздел CSS Variables генерирует готовые к копированию объявления пользовательских свойств CSS на основе результатов вашего массового преобразования. Например: --font-sm: 0.875rem; --font-base: 1rem; --font-lg: 1.25rem. Вы можете вставить их напрямую в свой блок :root {}.

Используйте тот размер шрифта, который установлен у вас в элементе html в CSS. Если вы ничего не установили, по умолчанию будет использоваться стандарт браузера (16px). Некоторые разработчики устанавливают html { font-size: 62.5% } для того, чтобы 1rem = 10px для более простых ментальных расчетов (например, 24px = 2.4rem). Измените ввод базового размера, чтобы он соответствовал фактическому корневому размеру шрифта вашего проекта.

Нет. Все преобразования рассчитываются локально в вашем браузере с помощью JavaScript. Ничего не передается и не сохраняется. Вы можете использовать его офлайн после загрузки страницы.