Что это такое
Em — это относительная единица измерения в CSS, которая зависит от текущего размера шрифта. Один em равен высоте шрифта родительского элемента. Конвертер em в мм позволяет перевести эти условные единицы в реальные физические миллиметры, учитывая два важных параметра: базовый размер шрифта и плотность пикселей на экране (DPI). Инструмент мгновенно показывает, сколько миллиметров, сантиметров, пикселей, пунктов и дюймов скрывается за указанным значением em.
Как пользоваться
- Введите значение в поле em — число с десятичной точкой (например,
1.5). - Укажите базовый размер шрифта — по умолчанию стоит стандартный браузерный
16px, но можно выбрать любой другой. - Выберите DPI — для экранов обычно
96, для печати300. Можно также использовать готовые пресеты. - Нажмите «Конвертировать» — калькулятор em мгновенно выдаст результат в миллиметрах и других единицах.
- Скопируйте значение — результат можно сразу использовать в CSS-стилях или для проверки макета.
Кому и когда пригодится
Инструмент полезен веб-разработчикам, которые хотят понять реальный физический размер текста на экране пользователя. Верстальщики используют перевод em в миллиметры, когда нужно точно согласовать размеры шрифтов в макете с типографскими стандартами. Дизайнеры интерфейсов применяют конвертер для проверки читаемости текста на разных устройствах. Полиграфисты и специалисты по вёрстке печатных изданий оценят возможность пересчёта em в пункты и миллиметры для подготовки макетов к печати. Также инструмент пригодится всем, кто работает с CSS-фреймворками и хочет понять, как размеры в относительных единицах соотносятся с физическими величинами.
Плюсы и ограничения
Плюсы:
- Учитывает размер шрифта и плотность пикселей, что даёт точный результат
- Мгновенный пересчёт в пять разных единиц измерения одновременно
- Есть пресеты для типовых задач — веб и печать
- Не требует установки, работает прямо в браузере
Ограничения:
- Результат всё равно зависит от устройства — на разных мониторах физический размер пикселя может отличаться
- Em — относительная единица, поэтому конвертация всегда привязана к выбранному базовому шрифту
- Для экранной типографики перевод в миллиметры носит справочный характер, а не практический
Частые вопросы
Почему нельзя просто умножить em на 16 и получить миллиметры?
Нельзя, потому что em — относительная единица в CSS, а миллиметр — физическая. Сначала нужно перевести em в пиксели (умножив на базовый размер шрифта), а затем перевести пиксели в миллиметры с учётом DPI экрана. Без учёта плотности пикселей результат будет неточным.
Какой DPI использовать для экрана?
Стандартное значение для большинства мониторов и ноутбуков — 96 DPI. Для дисплеев Retina и мобильных устройств плотность выше (обычно 150–450 DPI), но браузеры всё равно считают CSS-пиксели исходя из 96 DPI, поэтому для веб-задач это значение оптимально.
Чем em отличается от rem?
Em зависит от размера шрифта родительского элемента, а rem — от размера шрифта корневого элемента (<html>). Поэтому при конвертации em в миллиметры нужно знать, какой именно контекст используется. Один и тот же em может давать разные результаты в разных частях документа.
Нужен ли конвертер, если я работаю только с пикселями?
Если вы используете только px, то перевод em в миллиметры вам не нужен напрямую. Но если вы работаете с адаптивными макетами или проверяете соответствие типографским стандартам, понимание физических размеров поможет принимать лучшие решения.
Точен ли результат для печати?
Для печати инструмент использует стандарт 300 DPI, что соответствует типографской практике. Однако итоговый размер зависит от параметров печати и используемого оборудования. Для предпечатной подготовки лучше использовать специализированные программы вроде InDesign, а конвертер применять для быстрых прикидок.