Что это такое
В веб-дизайне и вёрстке единица em — относительная величина, которая зависит от размера шрифта родительского элемента. Это делает её крайне гибкой, но одновременно и запутанной: один и тот же em может означать разные физические размеры на разных устройствах. Конвертер EM в CM решает эту проблему, переводя относительную типографскую единицу в абсолютные сантиметры. В основе расчёта лежат два параметра: базовый размер шрифта в пикселях (обычно 16px) и значение PPI/DPI (плотность пикселей на дюйм) конкретного дисплея или печатного устройства. Инструмент учитывает эти нюансы, позволяя получить точное значение в физических единицах — от экрана монитора до печатного листа.
Как пользоваться
- Задайте базовый размер шрифта. По умолчанию стоит стандартное значение
16px, но вы можете указать любое — например,14pxили20px, если используете нестандартную типографику. - Укажите количество
em, которое нужно перевести. Это может быть число с дробной частью, например,2.5emили0.75em. - Выберите плотность пикселей (PPI/DPI). Для экранов обычно достаточно пресета
96 DPI, для печати на бумаге —300 DPI. Если сомневаетесь, используйте автоматический расчёт по вашему устройству. - Нажмите кнопку конвертации. Инструмент мгновенно выдаст результат в сантиметрах (CM).
- При необходимости воспользуйтесь обратной функцией — переводом из сантиметров в
em, чтобы подогнать макет под физический размер. - Сверьтесь со справочной таблицей, которая показывает типичные значения
emдля популярных размеров шрифтов — это ускорит работу без постоянных расчётов.
Кому и когда пригодится
Этот конвертер EM в CM станет незаменимым помощником для веб-разработчиков, которые проверяют адаптивность вёрстки на экранах с разной плотностью пикселей. Дизайнеры интерфейсов смогут быстро переводить макеты из Figma или Sketch (где часто используются em) в физические размеры для печати или презентаций. Инструмент полезен и верстальщикам электронных писем, где важно уметь рассчитывать размеры под разные почтовые клиенты. Типографы и специалисты по вёрстке печатных изданий оценят обратную конвертацию CM в EM — например, чтобы перевести требования заказчика «кегль 12 пунктов» в относительные единицы для цифрового макета. Наконец, калькулятор EM пригодится всем, кто работает с CSS-единицами и хочет понимать физические размеры своих шрифтов на конкретном устройстве.
Плюсы и ограничения
Плюсы:
- Мгновенный и точный расчёт с учётом PPI/DPI.
- Гибкость: можно задавать любой базовый шрифт.
- Наличие пресетов для экрана и печати упрощает работу.
- Обратная конвертация экономит время.
- Бесплатный доступ и понятный интерфейс.
Ограничения:
- На экранах фактический размер зависит от реального PPI устройства, которое не всегда совпадает с указанным.
em— величина относительная, поэтому конвертация корректна только для конкретного базового размера.- Для печати результат приблизителен, так как типографская система использует пункты и пики, а не сантиметры напрямую.
Частые вопросы
Почему результат на экране отличается от реального размера?
Браузеры и операционные системы часто игнорируют фактический PPI монитора и используют стандартное значение 96 DPI. Поэтому физический размер на экране может не совпадать с расчётным. Для точности проверьте реальное PPI вашего дисплея в настройках системы.
Какое значение PPI выбрать для печати?
Стандарт для качественной печати — 300 DPI. Если вы готовите макет для офисной печати, достаточно 150–200 DPI. Для широкоформатной рекламы часто используют 72 DPI. Ориентируйтесь на требования вашего типографского сервиса.
Что значит «базовый размер шрифта»?
Это размер шрифта корневого элемента (html), от которого отсчитываются все em в документе. По умолчанию в браузерах он равен 16px. Если вы задали font-size: 20px для родительского элемента, то 1em внутри него будет равен 20px.
Можно ли переводить em в миллиметры или пункты?
Да, калькулятор поддерживает не только сантиметры, но и производные единицы — миллиметры. Для типографских пунктов (pt) потребуется отдельный расчёт: 1 пункт ≈ 0.0353 см.
Чем em отличается от rem?
rem всегда отсчитывается от корневого элемента (html), а em — от ближайшего родителя. Поэтому конвертация rem в сантиметры проще: базовый шрифт всегда один. Для em необходимо учитывать вложенность стилей, что и делает этот конвертер.