Перейти к содержимому
Все инструментыЛичный кабинет
📐

Конвертер CM в EM

Перевод сантиметров (cm) в единицы em для CSS с учётом базового размера шрифта

Инструмент справился с вашей задачей?

Одно нажатие, без регистрации. По ответам мы решаем, какие инструменты дорабатывать первыми.

Ваш ответ здесь будет первым.

Этот инструмент ещё ждёт первого комментария

Нашли приём, остался вопрос или чего-то не хватило — напишите, пригодится следующим. Почту и пароль указывать не нужно · публикуем после проверки, обычно за 1–2 дня · если вам ответят, ответ появится здесь же

Конвертер CM в EM онлайн — перевод сантиметров в единицы em для CSS

Онлайн-конвертер для точного перевода сантиметров (cm) в единицы em, незаменимый при вёрстке веб-страниц и настройке CSS-стилей. Инструмент выполняет конвертацию cm в em мгновенно, учитывая базовый размер шрифта (font-size) родительского элемента. Конвертер сантиметров в em помогает веб-разработчикам, дизайнерам и верстальщикам быстро переводить абсолютные единицы длины в относительные единицы CSS, обеспечивая адаптивность и масштабируемость макетов на разных устройствах и экранах.

Перевод cm в em — частая задача при адаптации печатных макетов к веб-формату. Сантиметр (cm) является абсолютной единицей измерения в CSS, тогда как em — относительная единица, зависящая от размера шрифта элемента. По спецификации W3C, 1 сантиметр равен 37,7953 пикселя в CSS. Зная базовый font-size, калькулятор cm в em выполняет точный пересчёт: сначала переводит сантиметры в пиксели, затем делит на базовый размер шрифта. Такой подход гарантирует корректный результат конвертации при любых настройках типографики.

Наш онлайн-калькулятор перевода сантиметров в em поддерживает настраиваемый базовый размер шрифта (по умолчанию 16px — стандарт большинства браузеров), выбор точности до 8 знаков после запятой, быстрые пресеты часто используемых значений и справочную таблицу конвертации. Результат рассчитывается автоматически в реальном времени без необходимости нажимать кнопку, что ускоряет рабочий процесс. Вы можете скопировать результат одним кликом или получить полный отчёт с формулой расчёта.

Использование относительных единиц em вместо абсолютных cm в CSS — современная практика адаптивной вёрстки. Единица em наследует размер шрифта родительского элемента, что делает интерфейс гибким: при изменении базового font-size все размеры пропорционально пересчитываются. Это особенно важно для доступности (accessibility) — пользователи с нарушениями зрения увеличивают размер шрифта в настройках браузера, и вёрстка на em корректно масштабируется. Калькулятор cm to em помогает быстро перевести значения из макета дизайнера в код.

Конвертер подходит для широкого круга задач: перевод размеров из печатного дизайна (Figma, Sketch, Adobe XD) в CSS, адаптация размеров шрифтов, отступов и полей, расчёт размеров для responsive-вёрстки, подготовка стилей для компонентов React, Vue, Angular и других фреймворков. Инструмент полезен начинающим верстальщикам для изучения соотношения единиц CSS и опытным разработчикам для ускорения рутинных вычислений.

Инструмент создан для всех, кто работает с CSS-единицами измерения и веб-типографикой. Веб-разработчики используют конвертер при переносе дизайн-макетов в код, когда значения указаны в сантиметрах, а нужны относительные единицы em. Frontend-разработчики применяют его при создании адаптивных компонентов и дизайн-систем. Дизайнеры интерфейсов могут быстро проверить, как значения в сантиметрах из печатного макета переведутся в единицы em для экранного отображения. Студенты и начинающие верстальщики используют калькулятор для изучения взаимосвязи CSS-единиц и отработки навыков адаптивной вёрстки.

  • Мгновенный перевод сантиметров в em с автоматическим расчётом
  • Настраиваемый базовый размер шрифта (font-size) для точной конвертации
  • Промежуточный результат в пикселях для контроля расчёта
  • Выбор точности от 1 до 8 знаков после запятой
  • Справочная таблица быстрой конвертации с интерактивным выбором
  • Подробная формула расчёта для каждого введённого значения
  • Копирование результата и полного отчёта в буфер обмена
  • Полностью клиентская обработка — данные не отправляются на сервер сайта

ℹ️ О конвертере CM в EM

Все вычисления выполняются локально в браузере — введённые данные не отправляются на сервер сайта. Инструмент использует точные коэффициенты конвертации из спецификации W3C CSS Values and Units Module Level 3. Конвертер бесплатен и доступен без регистрации.

Если вы нашли неточность в расчётах или хотите предложить улучшение, напишите в комментариях внизу страницы или нам напрямую: почта и Telegram есть на странице «Контакты».

    Сравнение единиц CSS: cm, em, px, rem, pt

    ЕдиницаТип1 единица = pxПрименение
    cmАбсолютная37,7953 pxПечатные макеты, print CSS
    emОтносительная= font-size элементаАдаптивные отступы, размеры
    pxАбсолютная1 pxГраницы, тени, иконки
    remОтносительная= font-size корняГлобальные отступы, типографика
    ptАбсолютная1,3333 pxПечатная типографика

    Как перевести сантиметры в em — формула и теория

    1

    Введите значение в сантиметрах

    Укажите количество сантиметров, которое нужно перевести в em. Вы можете ввести любое числовое значение вручную или воспользоваться быстрыми пресетами (0.5, 1, 2, 2.54, 5, 10 cm). Калькулятор принимает как целые, так и дробные числа.

    2

    Настройте базовый размер шрифта

    Проверьте базовый размер шрифта (font-size) для расчёта. По умолчанию установлено 16px — стандартный размер шрифта большинства браузеров. Если ваш проект использует другой базовый размер (например, 14px или 18px), измените это значение для точного результата конвертации cm в em.

    3

    Получите результат и скопируйте

    Результат рассчитывается мгновенно: вы увидите значение в em, промежуточное значение в пикселях и формулу расчёта. Нажмите кнопку копирования, чтобы вставить результат прямо в CSS-код. Для документации доступен полный отчёт с формулой.

    Примеры конвертации CM в EM — практические задачи

    🎨 Адаптация печатного макета для веба

    Дизайнер передал макет с отступами в сантиметрах: внутренние поля 1 cm, отступ между блоками 0.5 cm. Конвертер переведёт эти значения в em: 1 cm = 2,3622 em, 0.5 cm = 1,1811 em (при font-size: 16px). Это позволяет перенести точные пропорции макета в адаптивную CSS-вёрстку.

    📐 Расчёт размеров шрифтов для типографики

    При работе с типографической сеткой требуется перевести размер заголовка 0.6 cm из технического задания в em. Конвертер показывает: 0.6 cm = 22,68 px = 1,4173 em при стандартном размере шрифта. Это значение можно напрямую использовать в свойстве font-size CSS-правила.

    📱 Responsive-вёрстка с em-единицами

    При разработке адаптивного интерфейса нужно задать ширину сайдбара 8 cm на десктопе в относительных единицах. Конвертер покажет: 8 cm = 302,36 px = 18,8976 em. Используя em, сайдбар масштабируется пропорционально при изменении базового размера шрифта на разных устройствах.

    🖨️ Подготовка стилей для печати из CSS

    При создании @media print стилей нужно перевести поля страницы из сантиметров в em для консистентности со стилями экрана. Стандартное поле 2.54 cm (1 дюйм) = 6,0198 em. Конвертер позволяет быстро подобрать значения для print-stylesheet, сохраняя единообразие единиц в проекте.

    Часто задаваемые вопросы о конвертации CM в EM

    Что такое единица em в CSS и чем она отличается от cm?
    Единица em (от англ. "ephemeral unit") — относительная единица измерения в CSS, которая равна текущему размеру шрифта элемента (font-size). Если font-size элемента равен 16px, то 1em = 16px. Сантиметр (cm) — абсолютная единица, всегда равная 37,7953 CSS-пикселя. Главное отличие: em масштабируется при изменении размера шрифта, а cm остаётся фиксированной величиной. Поэтому em предпочтительнее для адаптивных макетов.
    Как рассчитать перевод cm в em вручную?
    Формула перевода cm в em: em = cm × 37,7953 ÷ font-size. Например, 2 cm при font-size 16px: 2 × 37,7953 = 75,59 px, затем 75,59 ÷ 16 = 4,7245 em. Коэффициент 37,7953 — это количество CSS-пикселей в одном сантиметре (96 px / 2,54 cm). Наш конвертер выполняет этот расчёт мгновенно.
    Почему базовый размер шрифта важен при конвертации?
    Единица em напрямую зависит от font-size: 1 em = текущий font-size элемента в пикселях. Стандарт браузеров — 16px, но разработчики часто устанавливают другие значения (14px, 18px, 20px). Результат конвертации cm в em будет разным при разных font-size. При 16px: 1 cm = 2,3622 em, при 14px: 1 cm = 2,6997 em, при 20px: 1 cm = 1,8898 em. Поэтому обязательно указывайте актуальный базовый размер шрифта вашего проекта.
    В чём разница между em и rem? Когда что использовать?
    Единица em привязана к font-size родительского элемента и каскадируется — вложенные em умножаются. Rem (root em) всегда привязана к font-size корневого элемента <html> и не каскадируется. Используйте em для элементов, которые должны масштабироваться относительно своего контекста (padding внутри кнопки, отступы в карточках). Используйте rem для глобальных размеров (отступы секций, размеры заголовков), чтобы избежать непредсказуемого каскадирования.
    Когда в CSS используются сантиметры (cm)?
    Сантиметры в CSS применяются в основном в print-стилях (@media print) для задания полей страницы, размеров печатных областей и отступов при печати документов. На экране cm используется редко, поскольку физический размер зависит от DPI монитора. Также cm встречается в макетах дизайнеров, работающих с печатной продукцией, и при импорте значений из программ вёрстки (InDesign, QuarkXPress).
    Насколько точен онлайн-конвертер cm в em?
    Конвертер использует точный коэффициент W3C: 1 cm = 96 / 2,54 = 37,795275590551 px. Расчёт выполняется с полной точностью чисел с плавающей запятой JavaScript (64-бит IEEE 754). Вы можете выбрать отображение до 8 знаков после запятой. Для подавляющего большинства задач вёрстки достаточно 2-4 знаков — браузеры округляют субпиксельные значения при рендеринге.
    Безопасно ли использовать конвертер? Данные отправляются куда-то?
    Все вычисления выполняются исключительно в вашем браузере на стороне клиента. Введённые данные не отправляются на сервер сайта, и инструмент их не сохраняет. Конвертер работает даже без подключения к интернету после загрузки страницы.

    Полезная информация

    Задавайте font-size корневого элемента html в процентах (100% = 16px) для лучшей доступности

    Используйте em для padding и margin компонентов — они будут масштабироваться вместе с текстом

    Помните о каскадировании: em во вложенных элементах умножается (1.2em внутри 1.2em = 1.44em от базы)

    Для медиа-запросов предпочитайте em вместо px: @media (min-width: 48em) работает лучше при зуме

    Комбинируйте rem для глобальных размеров и em для локальных отступов внутри компонентов

    Для ширины line-height рекомендуется безразмерное значение (1.5), а не em — оно наследуется корректнее

    Проверяйте вёрстку при увеличении font-size в настройках браузера (Ctrl +) — макет на em масштабируется корректно

    Комментарии

    Этот инструмент ещё ждёт первого комментария

    Почту и пароль указывать не нужно · публикуем после проверки, обычно за 1–2 дня · если вам ответят, ответ появится здесь же

    • Руслан АвдеевОт автора проекта
      Все инструменты на ToolFox бесплатны, и я их дорабатываю сам. Напишите, если инструмент считает неверно, чего-то не хватает или что-то стоит поправить, — по таким комментариям я и решаю, чем заняться дальше.

    Комментарии — мнения посетителей, прошедшие проверку по правилам сайта.