Что делает инструмент
Конвертер px / em / rem помогает быстро переводить CSS-единицы измерения между пикселями, rem и em. Можно указать root font-size для rem и размер шрифта родительского элемента для em.
Инструмент показывает готовое значение, формулу расчета, CSS-строку и таблицу популярных размеров.
Как пользоваться
Введите значение, выберите исходную и итоговую единицу измерения. Для rem укажите базовый размер шрифта html, обычно это 16 px. Для em укажите размер шрифта родительского элемента.
После расчета инструмент покажет результат и готовую CSS-запись, которую можно скопировать.
Где пригодится
Инструмент полезен верстальщикам, frontend-разработчикам, дизайнерам интерфейсов, контент-менеджерам и всем, кто работает с CSS, адаптивной версткой и дизайн-системами.
Конвертер пригодится при переносе размеров из макета, настройке типографики, отступов, кнопок, карточек, сеток, медиазапросов и UI-компонентов.
Особенности и рекомендации
rem зависит от размера шрифта корневого элемента html. em зависит от размера шрифта текущего или родительского элемента.
Для стабильной дизайн-системы часто удобнее использовать rem. Для размеров, которые должны зависеть от конкретного блока, можно использовать em.