Что это такое
EM и PT — это типографские единицы измерения, которые живут в разных системах координат. EM — относительная единица, зависящая от текущего размера шрифта родительского элемента, а PT (пункты) — абсолютная величина, которая не меняется при любых условиях. Конвертер EM в PT позволяет быстро перевести относительные значения в абсолютные, учитывая базовый font-size, и наоборот. Это незаменимый помощник, когда нужно согласовать макеты, свёрстанные в разных программах, или понять, как поведёт себя шрифт при переносе из CSS в текстовый редактор.
Как пользоваться
- Укажите базовый размер шрифта — введите значение font-size в пикселях (по умолчанию обычно 16px), от которого будет считаться конвертация.
- Введите значение EM — число, которое нужно перевести в пункты. Можно использовать дробные значения, например, 1.5em или 0.75em.
- Нажмите кнопку конвертации — сервис мгновенно рассчитает результат в PT и покажет его на экране.
- Изучите таблицу конвертации — для популярных значений (0.5em, 1em, 1.5em, 2em и т.д.) будет представлена готовая шкала соответствий.
- Оцените визуальный предпросмотр — наглядный пример покажет, как выбранный размер шрифта будет выглядеть в сравнении с другими значениями.
Кому и когда пригодится
Веб-дизайнеры — при переносе макетов из Figma или Sketch в код, где размеры заданы в PT, а в CSS принято работать с em или rem.
Frontend-разработчики — для быстрой проверки соответствия размеров шрифтов в адаптивной вёрстке, когда нужно убедиться, что относительные единицы не выходят за пределы допустимых пунктов.
Верстальщики полиграфии — при подготовке материалов, где важна точность физического размера текста, а исходные данные предоставлены в em из веб-источников.
Типографы и редакторы — когда нужно сопоставить размеры шрифтов в электронных документах и печатных изданиях, чтобы добиться единообразия восприятия.
Преподаватели и студенты — для изучения взаимосвязи между единицами измерения в CSS и классической типографике.
Плюсы и ограничения
Плюсы:
- Мгновенный результат без ручных расчётов и формул
- Учёт базового font-size делает конвертацию точной
- Визуальный предпросмотр помогает оценить результат глазами
- Таблица популярных значений экономит время при частом использовании
- Работает в любом браузере без установки программ
Ограничения:
- Результат зависит от указанного базового размера — при его смене цифры меняются
- Не учитывает кернинг, трекинг и другие параметры шрифта, влияющие на реальное восприятие
- Для экранов с высокой плотностью пикселей (Retina) физический размер PT может отличаться от отображаемого
Частые вопросы
Почему 1em не всегда равно 12pt?
Потому что em — относительная единица. Она зависит от текущего font-size родительского элемента. Если базовый размер установлен как 16px, то 1em будет равен 16px, что примерно соответствует 12pt (при стандартном соотношении 1pt = 1.333px). Но если базовый размер изменить на 20px, то 1em превратится в 15pt.
В чём разница между em и rem?
EM всегда считается от размера шрифта ближайшего родительского элемента, а REM — от корневого элемента (html). Это значит, что вложенные элементы с разными font-size будут давать разные значения EM, но одинаковые REM. Конвертер EM в PT полезен для обоих случаев, если правильно указать базовый размер.
Можно ли использовать конвертер для перевода PT в EM?
Да, обратная конвертация работает по той же формуле. Просто введите значение в PT и укажите базовый font-size — сервис покажет эквивалент в EM. Это удобно, когда нужно перевести размеры из текстового редактора в CSS.
Какой базовый font-size считается стандартным?
В вебе стандартным считается 16px — это значение по умолчанию для большинства браузеров. Но в типографике часто используют 12pt или 10pt как базовые. Лучше всегда проверять, какой размер установлен в конкретном проекте, чтобы конвертация была точной.
Влияет ли плотность пикселей экрана на конвертацию EM в PT?
Технически нет — конвертация математическая и зависит только от базового размера. Но на экранах с высокой плотностью пикселей (например, Retina) физический размер шрифта может выглядеть меньше, чем ожидалось. Поэтому для печати лучше опираться на PT, а для экранов — на px или em.