📐

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

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

Значение в сантиметрах (cm)

Базовый размер шрифта (px)

Стандарт браузера: 16px

Точность (знаки после запятой)

cmem

Введите значение в сантиметрах для мгновенной конвертации в единицы em. Результат рассчитывается автоматически с учётом базового размера шрифта.

Таблица конвертации CM → EM (font-size: 16px)

CM	PX	EM
0.1 cm	3.78 px	0.2362 em
0.25 cm	9.45 px	0.5906 em
0.5 cm	18.90 px	1.1811 em
1 cm	37.80 px	2.3622 em
1.5 cm	56.69 px	3.5433 em
2 cm	75.59 px	4.7244 em
2.5 cm	94.49 px	5.9055 em
3 cm	113.39 px	7.0866 em
5 cm	188.98 px	11.8110 em
10 cm	377.95 px	23.6220 em

Нажмите на строку, чтобы подставить значение в калькулятор

Загрузка инструмента...

Конвертер 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. Конвертер бесплатен и доступен без регистрации.

Если вы нашли неточность в расчётах или хотите предложить улучшение, напишите нам через форму обратной связи. Мы ценим каждое предложение и постоянно совершенствуем инструменты ТулФокс.

Сравнение единиц 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 — формула и теория

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

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

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

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

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

Результат рассчитывается мгновенно: вы увидите значение в 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)

Был ли полезен этот инструмент?

Руслан Авдеев (автор проекта)• 1 янв. 2024 г., 07:00

🎉 Спасибо, что используете наши инструменты! Все инструменты на ToolFox полностью бесплатны и постоянно улучшаются. 📝 Пожалуйста, оставляйте комментарии: - Если инструмент работает некорректно - Если есть идеи по улучшению - Поделитесь своим опытом использования 👍 Ставьте лайки/дизлайки - это помогает мне понять, какие инструменты нуждаются в доработке. Я обновляю сайт каждую неделю на основе вашей обратной связи. ⭐ Если вам нравится ToolFox — буду благодарен за отзыв о сайте в Яндекс.Браузере (нажмите на ⋮ → «Оценить сайт» в панели браузера). Это помогает другим людям находить наши инструменты! 😊 Также вы можете написать мне напрямую в Telegram: @avdeevrus Все доработки и улучшения по вашим пожеланиям делаю бесплатно! Благодарю за доверие и использование ToolFox! 🚀