Конвертер пикселей в EM

Результаты

Пересчитайте пиксели относительно базового размера шрифта. Для em базой должен быть нужный локальный размер, а для rem, размер корневого элемента (<html>). Начальные 16 px, лишь распространённое значение.

Как выполнить пересчёт

  1. 1

    Введите пиксели

    Укажите любое числовое значение CSS в пикселях.

  2. 2

    Выберите правильную базу

    Для `em` используйте локальный размер, для `rem`: корневой. База не может быть нулевой.

  3. 3

    Прочитайте четыре результата

    Инструмент показывает отношение в em/rem, проценты и значение в пунктах CSS.

Формулы и пример

em или rem = px / база · проценты = px / база × 100 · pt = px × 0,75

При 24px и базе 16px получаются 1.5em, 1.5rem, 150% и 18pt. В CSS 96px = 72pt; это не означает физические пиксели экрана.

Единица Правильная база
em Вычисленный размер шрифта элемента; для font-size, унаследованный размер
rem Размер шрифта корневого элемента
% Выбранная база, выраженная как 100%
pt Фиксированное соотношение CSS; база не используется
  • Вложенные размеры em перемножаются.
  • em и rem здесь дают одно число из-за единственного поля базы, но их смысл в CSS различается.
  • em/rem содержат до шести знаков после запятой, проценты/pt, до четырёх; конечные нули удаляются.

Часто задаваемые вопросы

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

Нет. Настройки браузера и CSS сайта могут её изменить. При необходимости проверьте вычисленный размер шрифта.

Сайт обрабатывает их на сервере. В пошаговом режиме они также попадают в URL; не вводите чувствительные данные.

Сопутствующие инструменты

Справочная таблица ASCII

Полная таблица ASCII от 0 до 127 с десятичным, шестнадцатеричным, восьмеричным и двоичным представлением, а также записью числовых ссылок HTML, включая NUL, LF и DEL.

Справочник символов HTML

Справочник HTML-сущностей с поиском, их именованными и числовыми кодами, а также копированием специальных символов и знаков одним кликом.

Справочник сочетаний клавиш

Ищите документированные сочетания по умолчанию для VS Code, Chrome и Bash с GNU Readline в macOS, Windows и Linux.

Конвертер размера файлов

Преобразуйте значения между байтами, КБ, МБ, ГБ, ТБ и двоичными единицами IEC (KiB, MiB, GiB, TiB), свободно сочетая десятичные и двоичные единицы.

Конвертер CMYK в RGB

Преобразуйте проценты CMYK в приблизительные значения RGB и Hex для быстрого экранного предпросмотра по стандартной формуле.

Генератор случайных букв

Генерируйте случайные буквы A-Z. Выберите количество, верхний или нижний регистр либо смешанный вариант для игр, заданий и уроков.

Инструмент доступен на других языках