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

Одиниці rem зберігають макети доступними — вони масштабуються відповідно до налаштувань розміру шрифту користувача, — але ніхто не хоче цілий день ділити на 16 в голові. Цей конвертер виконує арифметику миттєво: оберіть напрямок (px → rem, rem → px або px → em), введіть значення, і результат з'явиться негайно разом із готовим до копіювання рядком CSS, наприклад font-size: 0.875rem.

Поле базового розміру шрифту дає змогу підлаштувати інструмент під будь-який проєкт. Стандартна браузерна база — 16px, тож 1rem дорівнює 16px одразу після відкриття, але багато кодових баз встановлюють html { font-size: 62.5% }, щоб 1rem дорівнював 10px — введіть 10 як базу, і всі конвертації та рядки таблиці підлаштуються. Напрямок px → em використовує ту саму математику, але відносно розміру шрифту батьківського елемента замість кореневого, що і становить усю різницю між em та rem у CSS.

Під результатом довідкова таблиця показує найпоширеніші дизайнерські розміри — 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 та 64 пікселі — уже конвертовані для вашої поточної бази, причому рядок, що відповідає базі, підсвічено. Це та сама шпаргалка, яку ви б інакше тримали приклеєною до монітора, і вона завжди синхронізована з тією базою, яку ви насправді використовуєте.

Усе відбувається локально у вашому браузері під час введення: жодного завантаження, жодної реєстрації, жодного звернення до сервера. Сторінки пресетів для rem → px, px → em, бази 10px та популярних значень на кшталт 14, 24 і 32 px відкривають конвертер уже налаштованим саме для цих конкретних запитів.