📏

Калькулятор межстрочного интервала

Расчёт и конвертация межстрочного интервала (line-height) между px, pt, em, rem, %, множитель, мм, см

Параметры текста

Калькулятор межстрочного интервала онлайн — конвертер line-height

Онлайн-калькулятор межстрочного интервала — это профессиональный инструмент для расчёта и конвертации межстрочного расстояния (line-height) между различными единицами измерения. Если вам нужно перевести интерлиньяж из пикселей в пункты, из множителя в проценты, из em в миллиметры — этот калькулятор решает задачу за секунды. Инструмент разработан для дизайнеров, верстальщиков, редакторов и всех, кто работает с типографикой.

Межстрочный интервал (line-height, интерлиньяж, ведущая, leading) — одна из важнейших характеристик типографики, напрямую влияющая на удобочитаемость текста. Правильно подобранное расстояние между строками облегчает чтение длинных текстов, улучшает восприятие контента и влияет на общее визуальное впечатление от страницы. Слишком малый межстрочный интервал сжимает строки и затрудняет восприятие, а слишком большой — рассеивает внимание читателя.

Калькулятор межстрочного интервала поддерживает восемь единиц измерения: пиксели (px), пункты (pt), em, rem, проценты (%), безразмерный множитель, миллиметры (мм) и сантиметры (см). Вы указываете размер шрифта и значение интерлиньяжа в любой удобной единице, а инструмент мгновенно конвертирует результат во все остальные форматы. Дополнительно вычисляются интерлиньяж (leading), оценка читаемости и соответствие стандарту доступности WCAG 2.1.

Инструмент незаменим при вёрстке сайтов, создании макетов в Figma, подготовке документов в Microsoft Word или Google Docs, оформлении печатных изданий, настройке CSS-стилей. Калькулятор особенно полезен, когда необходимо точно перенести типографические параметры из дизайн-макета в код, из одного редактора в другой или сравнить межстрочные интервалы в разных системах измерения.

В типографике и веб-дизайне принято считать оптимальным межстрочным интервалом значение от 1,2 до 1,6 от размера шрифта. Для основного текста на веб-страницах рекомендуется line-height в диапазоне 1,4–1,6, для заголовков — 1,1–1,3, для мелкого текста — 1,5–1,8. Стандарт WCAG 2.1 (уровень AA) требует межстрочного интервала не менее 1,5 от размера шрифта для обеспечения доступности контента для людей с нарушениями зрения.

Наш онлайн-вычислитель межстрочного расстояния содержит встроенные пресеты: одинарный интервал, полуторный интервал, двойной интервал, стандарт Word, веб-стандарт, WCAG AA. Пресеты позволяют мгновенно установить наиболее востребованные значения и сразу увидеть результат конвертации. Визуальный предпросмотр показывает, как выглядит текст с выбранным интерлиньяжем.

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

Ключевые возможности калькулятора межстрочного интервала:

  • Мгновенная конвертация межстрочного интервала между 8 единицами: px, pt, em, rem, %, множитель, мм, см
  • Автоматический расчёт при вводе — результат обновляется в реальном времени
  • Встроенные пресеты: одинарный, полуторный, двойной интервал, стандарты Word и CSS
  • Расчёт интерлиньяжа (leading) и половинного интерлиньяжа (half-leading)
  • Проверка соответствия стандарту доступности WCAG 2.1 Level AA
  • Оценка читаемости текста на основе выбранного интервала
  • Визуальный предпросмотр текста с заданным межстрочным расстоянием
  • Генерация готового CSS-кода (line-height) для копирования в проект
  • Копирование любого значения или всех результатов в буфер обмена

Для кого предназначен калькулятор:

  • Веб-дизайнеры и UI/UX-специалисты — для точной настройки типографики в макетах
  • Фронтенд-разработчики — для конвертации значений из дизайн-макета в CSS
  • Редакторы и верстальщики — для подготовки текстов к публикации
  • Полиграфисты — для перевода экранных единиц в печатные
  • Контент-менеджеры — для настройки межстрочных интервалов в CMS
  • Студенты и преподаватели — для изучения типографики и вёрстки
  • Все, кто работает с текстом — для быстрого подбора оптимального межстрочного расстояния

Как пользоваться калькулятором межстрочного интервала — пошаговая инструкция

1

Укажите размер шрифта

Введите размер шрифта вашего текста и выберите единицу измерения (px, pt, em или rem). По умолчанию установлено 16 px — стандартный размер основного текста на веб-страницах. Если вы работаете с макетом в Figma, Sketch или Photoshop — укажите размер из макета.

2

Введите значение межстрочного интервала

Введите текущее значение межстрочного интервала (line-height) и выберите единицу измерения. Можно использовать множитель (1,5), проценты (150%), пиксели (24 px), пункты (18 pt), em, rem, мм или см. Также можно воспользоваться пресетом — одинарный, полуторный, двойной интервал и другие.

3

Получите результат конвертации

Результат рассчитывается автоматически и отображается во всех 8 единицах измерения. Нажмите на любое значение, чтобы скопировать его. Оцените предпросмотр текста, проверьте соответствие WCAG и скопируйте готовый CSS-код для вставки в проект.

Примеры использования калькулятора межстрочного интервала

🎨 Перенос типографики из Figma в CSS

Дизайнер задал в Figma размер шрифта 18 px и line-height 28 px. Фронтенд-разработчику нужно перевести это в CSS. Калькулятор показывает, что 28 px при шрифте 18 px — это множитель 1,556 (line-height: 1.556). Можно также использовать 155,6% или 1.556em. Разработчик копирует готовый CSS-код прямо из калькулятора.

📄 Настройка интервала в Microsoft Word

Студенту нужно оформить курсовую с полуторным интервалом при шрифте 14 pt. Калькулятор показывает: множитель 1,5 при 14 pt — это 21 pt (28 px, 7,41 мм). Это помогает точно настроить документ по ГОСТ и проверить, что формат соответствует требованиям к оформлению.

♿ Проверка доступности (WCAG)

Специалист по доступности проверяет сайт на соответствие WCAG 2.1. Текст имеет font-size: 16 px и line-height: 20 px. Калькулятор показывает множитель 1,25 — это ниже требуемого 1,5. Нужно увеличить интервал минимум до 24 px (множитель 1,5) для прохождения проверки Level AA.

🖨️ Подготовка к печати

Верстальщик книги работает в InDesign с пунктами, а получил макет с межстрочным интервалом в миллиметрах (5 мм при шрифте 10 pt). Калькулятор мгновенно конвертирует: 5 мм = 18,9 px = 14,17 pt. Множитель получается 1,417 — хороший показатель для книжного набора.

Таблица стандартных межстрочных интервалов

Тип интервалаМножительПроцентыПри шрифте 16 pxПрименение
Одинарный1,0100%16 pxЗаголовки, UI-элементы
Word по умолч.1,08108%17,28 pxMS Word стандарт
CSS normal1,2120%19,2 pxЗначение по умолчанию в браузерах
Оптимальный для веба1,4–1,6140–160%22,4–25,6 pxОсновной текст сайтов
Полуторный1,5150%24 pxГОСТ, курсовые, WCAG AA
Двойной2,0200%32 pxРукописи, вычитка, правка

Часто задаваемые вопросы о межстрочном интервале

Межстрочный интервал (line-height, интерлиньяж) — это расстояние между базовыми линиями двух соседних строк текста. В CSS задаётся свойством line-height. Правильно настроенный интервал улучшает читаемость: текст легче воспринимается, глаз не устаёт при чтении. Для основного текста на сайтах рекомендуется множитель 1,4–1,6, для заголовков — 1,1–1,3. В печатных документах (ГОСТ) чаще всего используют полуторный (1,5) или двойной (2,0) интервал.

Межстрочный интервал измеряется в разных единицах в зависимости от контекста. В CSS используются пиксели (px), em, rem, проценты (%) и безразмерный множитель. В полиграфии — пункты (pt), миллиметры (мм) и сантиметры (см). Безразмерный множитель (например, 1.5) считается лучшей практикой в CSS, поскольку он автоматически масштабируется при изменении размера шрифта. Наш калькулятор конвертирует между всеми 8 единицами.

Оптимальный межстрочный интервал зависит от задачи. Для основного текста веб-страниц рекомендуется множитель 1,4–1,6. Для заголовков подходит 1,1–1,3. Для мелкого текста (подписи, примечания) лучше увеличить до 1,5–1,8. Стандарт доступности WCAG 2.1 Level AA требует не менее 1,5. В академических работах по ГОСТ используется полуторный интервал (1,5). Двойной интервал (2,0) применяется для рукописей и текстов, предназначенных для вычитки и правки.

Интерлиньяж (leading) — это дополнительное расстояние между строками сверх размера самого шрифта. В CSS интерлиньяж равен разнице между line-height и font-size: leading = line-height − font-size. Например, при font-size 16 px и line-height 24 px интерлиньяж составляет 8 px (по 4 px сверху и снизу строки). В типографии термин «ведущая» происходит от свинцовых полосок (leads), которые вставляли между строками при ручном наборе.

В CSS рекомендуется использовать безразмерный множитель (например, line-height: 1.5), а не фиксированные единицы. Безразмерное значение наследуется дочерними элементами пропорционально их собственному font-size, что предотвращает проблемы с перекрытием текста. Если задать line-height: 24px для родителя, а у дочернего элемента шрифт крупнее, строки будут наезжать друг на друга. С множителем 1.5 интервал автоматически подстроится.

Для перевода пунктов (pt) в пиксели (px) используется коэффициент 1 pt = 1,333 px (при стандартном разрешении экрана 96 DPI). Формула: px = pt × (96 / 72). Например, 12 pt = 16 px, 14 pt = 18,67 px, 18 pt = 24 px. Наш калькулятор выполняет эту и все другие конвертации автоматически — достаточно ввести значение в одной единице и получить результат во всех остальных.

WCAG (Web Content Accessibility Guidelines) — международный стандарт доступности веб-контента. Критерий 1.4.12 (Level AA) требует, чтобы межстрочный интервал составлял не менее 1,5 от размера шрифта. Это обеспечивает комфортное чтение для людей с дислексией и нарушениями зрения. Наш калькулятор автоматически проверяет соответствие выбранного интервала стандарту WCAG 2.1 и отображает результат.

💡 Рекомендации по настройке межстрочного интервала

  • Для основного текста на сайте используйте line-height от 1,4 до 1,6 — это обеспечивает оптимальную читаемость
  • Заголовки допускают более плотный интервал (1,1–1,3), поскольку состоят из 1–3 строк
  • Для мелких шрифтов (менее 14 px) увеличивайте интервал до 1,5–1,8 для сохранения читаемости
  • В CSS всегда задавайте line-height как безразмерный множитель, а не в пикселях — это предотвращает проблемы с наследованием
  • Проверяйте соответствие WCAG 2.1: межстрочный интервал не менее 1,5 от размера шрифта
  • Широкие колонки текста (более 80 символов в строке) требуют увеличенного интервала
  • При смене шрифта всегда перепроверяйте межстрочный интервал — разные гарнитуры могут выглядеть по-разному при одинаковых настройках

ℹ️ Дополнительная информация

Калькулятор межстрочного интервала постоянно обновляется и совершенствуется. Последнее обновление:

Все вычисления выполняются локально в вашем браузере, никакие данные не отправляются на сервер. Калькулятор использует стандартные формулы конвертации при разрешении экрана 96 DPI. Результаты можно скопировать в один клик — каждое значение по отдельности, все результаты сразу или готовый CSS-код.

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

Комментарии (1)

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

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

Лучшие предложения 2026

Финансовые продукты
с максимальной выгодой

Подобрали лучшие условия от проверенных банков и финансовых компаний России

Смотреть предложения
30%
Кэшбэк
Дебетовые карты
0%
Первый займ
Для новых клиентов
24%
Годовых
Вклады
ИИС
Инвестиции
Брокерские счета