Безкоштовні онлайн-інструменти
Конвертер px у rem
Введіть значення в пікселях або в rem, і друге поле оновиться миттєво. Типова база — 16 px, але її можна змінити.
Типово 16, розмір шрифту елемента html.
Поширені значення
| px | rem |
|---|---|
| 10px | 0.625rem |
| 12px | 0.75rem |
| 14px | 0.875rem |
| 16px | 1rem |
| 18px | 1.125rem |
| 20px | 1.25rem |
| 24px | 1.5rem |
| 28px | 1.75rem |
| 32px | 2rem |
| 40px | 2.5rem |
| 48px | 3rem |
| 64px | 4rem |
Ваші дані не залишають браузер. Ми нічого не надсилаємо на сервер.
Як користуватися
- Введіть значення в пікселях або в rem.
- Якщо ваш базовий розмір шрифту інший за 16 px, змініть базу.
- Скопіюйте результат з одиницею rem.
- Скористайтеся таблицею, щоб швидко перевірити типові розміри.
Як рахується rem
Одиниця rem відносна до розміру шрифту кореневого елемента html. За типових 16 пікселів 1 rem дорівнює 16 px, отже 24 px — це 1,5 rem. Формула: пікселі, поділені на базовий розмір.
Чому rem, а не px
Розміри в rem масштабуються разом із налаштуваннями шрифту в браузері. Той, хто збільшив типовий розмір тексту, отримує більший інтерфейс. Пікселі цього не роблять, тому rem зазвичай кращий вибір для тексту й відступів.
Що не варто переводити в rem
Тонкі рамки, тіні та деталі значків часто лишають у пікселях, бо вони мають виглядати однаково за будь-якого розміру тексту. Використовуйте rem там, де інтерфейс має зростати разом із читабельністю.
Поширені запитання
Схожі інструменти
Потрібно більше, ніж інструмент?
Якщо за цим стоїть більший проєкт, сайт, магазин чи застосунок, опишіть його в короткому брифі. Відповімо конкретно й без зобов'язань.
Описати проєкт