Калькулятор межстрочного интервала
Расчёт и конвертация межстрочного интервала (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
- Студенты и преподаватели — для изучения типографики и вёрстки
- Все, кто работает с текстом — для быстрого подбора оптимального межстрочного расстояния
Как пользоваться калькулятором межстрочного интервала — пошаговая инструкция
Укажите размер шрифта
Введите размер шрифта вашего текста и выберите единицу измерения (px, pt, em или rem). По умолчанию установлено 16 px — стандартный размер основного текста на веб-страницах. Если вы работаете с макетом в Figma, Sketch или Photoshop — укажите размер из макета.
Введите значение межстрочного интервала
Введите текущее значение межстрочного интервала (line-height) и выберите единицу измерения. Можно использовать множитель (1,5), проценты (150%), пиксели (24 px), пункты (18 pt), em, rem, мм или см. Также можно воспользоваться пресетом — одинарный, полуторный, двойной интервал и другие.
Получите результат конвертации
Результат рассчитывается автоматически и отображается во всех 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,0 | 100% | 16 px | Заголовки, UI-элементы |
| Word по умолч. | 1,08 | 108% | 17,28 px | MS Word стандарт |
| CSS normal | 1,2 | 120% | 19,2 px | Значение по умолчанию в браузерах |
| Оптимальный для веба | 1,4–1,6 | 140–160% | 22,4–25,6 px | Основной текст сайтов |
| Полуторный | 1,5 | 150% | 24 px | ГОСТ, курсовые, WCAG AA |
| Двойной | 2,0 | 200% | 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)
Загрузка комментариев...
📏Похожие инструменты
Калькулятор модульной шкалы
Рассчитайте пропорциональные размеры шрифтов по модульной шкале
Калькулятор CSS clamp()
Генератор адаптивных CSS-значений для font-size, padding, margin и других свойств
CSS Grid калькулятор
Визуальный генератор CSS Grid сеток с live-превью и готовым кодом
Генератор Flexbox CSS
Визуальный конструктор CSS Flexbox раскладок с генерацией кода
Финансовые продукты
с максимальной выгодой
Подобрали лучшие условия от проверенных банков и финансовых компаний России