px
px
px
px

Возможности Unit Converter

7 единиц измерения

Конвертация между px, rem, em, pt, %, vw, vh с автоматическим пересчетом.

Гибкие настройки

Настройка base font size, parent font size и размеров viewport для точных расчетов.

Обмен единиц

Быстрая смена направления конвертации одним кликом.

Быстрые пресеты

Готовые популярные значения для типичных размеров шрифтов и отступов.

Когда использовать какие единицы

px - Пиксели

Используйте для: границ (border), теней (box-shadow), мелких деталей UI.

Преимущества: точность, предсказуемость
Недостатки: не адаптируются к настройкам пользователя

rem - Root EM

Используйте для: размеров шрифтов, отступов (padding, margin), общих размеров компонентов.

Преимущества: адаптивность, доступность, последовательность
Рекомендуется для большинства случаев

em - EM

Используйте для: отступов внутри компонентов, которые должны масштабироваться с размером шрифта.

Недостатки: значения наследуются и могут каскадироваться

% - Проценты

Используйте для: ширины контейнеров, fluid layouts, относительных размеров.

Преимущества: адаптивность, гибкость

vw/vh - Viewport

Используйте для: hero секций, полноэкранных элементов, типографики на больших экранах.

Осторожно: На мобильных устройствах с динамическими панелями может работать некорректно - используйте dvw/dvh

Другие полезные инструменты