Типографика

О конвертации типографских единиц

Типографика использует специализированные единицы для измерения размеров шрифтов, межстрочных интервалов и размеров макета. Эти единицы произошли из традиционной печати — когда физический шрифт набирался вручную — и адаптировались для цифрового дизайна, сохраняя некоторые исторические условности. Понимание этих единиц необходимо для графического дизайна, веб-разработки, настольной издательской деятельности и поддержания визуальной согласованности между различными носителями.

Наиболее распространённая единица — пункт (pt), который в стандарте PostScript точно равен 1/72 дюйма и стал универсальным. В цифровом дизайне также используются пиксели (px) для экранной вёрстки и относительные единицы, такие как em и rem, для адаптивной типографики, масштабируемой с учётом пользовательских предпочтений. Конвертация между ними помогает поддерживать согласованность между печатными и цифровыми носителями — основной текст размером 12 пунктов в печати соответствует 16 пикселям при стандартном разрешении в вебе.

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

Типичные типографские конвертации

Справочник типографских единиц

Пункт (pt) — традиционная единица размера шрифта, ныне стандартизированная как точно 1/72 дюйма (≈ 0,353 мм) в системе PostScript/DTP. До цифровой стандартизации существовали различные системы пунктов (Дидо, Фурнье). Пункт остаётся стандартом для размеров шрифтов, интерлиньяжа и точной типографской работы в печати. 12 pt — стандартный основной текст; заголовки 72 pt имеют высоту 1 дюйм.

Пика — более крупная типографская единица, равная 12 пунктам = 1/6 дюйма (≈ 4,23 мм). Используется для длины строк, ширины колонок, полей и размеров текстовых блоков в профессиональном издательстве. Макеты страниц часто задаются в пиках: типичная колонка может быть шириной 20–25 пик. Шесть пик = точно 1 дюйм.

Пиксель (px) — базовая единица цифрового экрана, хотя её физический размер зависит от плотности дисплея. CSS определяет эталонный пиксель при 96 dpi (1 px = 1/96 дюйма ≈ 0,26 мм), но дисплеи высокой плотности могут отображать несколько физических пикселей на один CSS-пиксель. Веб-дизайн в основном использует пиксели для вёрстки, хотя относительные единицы всё более предпочтительны для доступности.

Em — относительная единица, равная размеру шрифта текущего элемента. Если font-size равен 16px, то 1em = 16px. Единицы em накапливаются во вложенных элементах, что может вызвать неожиданные изменения размера. Полезна для отступов и полей, которые должны масштабироваться пропорционально тексту. Названа по ширине заглавной буквы M в традиционной типографике.

Rem (root em) — относительна к размеру шрифта корневого HTML-элемента, обычно 16px по умолчанию в браузере. В отличие от em, rem не накапливается — 1,5rem всегда равен 24px (при настройках по умолчанию) независимо от глубины вложенности. Предпочтительная относительная единица для последовательного, доступного адаптивного дизайна. Пользователи, изменяющие размер шрифта в браузере, видят пропорциональное масштабирование.

Узнайте больше

Изучите наши подробные руководства по этой теме:

• Объяснение типографских единиц
• Пункты, пиксели и единицы em
• Адаптивная типографика для веба