Конвертер процентов в PT: перевод % в пункты онлайн

Конвертер процентов в PT (пункты) онлайн ✓ Перевод % в points для CSS и типографики ✓ Учёт DPI и базового размера ✓ Результат в pt, px, em, rem, мм

Что это такое

Конвертер процентов в PT — это онлайн-инструмент, который переводит относительные значения размеров шрифта из процентов в абсолютные типографские пункты. Проценты в CSS указывают на долю от базового размера (обычно заданного в пикселях), а пункты — это классическая единица измерения в полиграфии и печати. Калькулятор учитывает DPI экрана и базовый размер, поэтому на выходе вы получаете не просто абстрактное число, а точное значение в pt, px, em, rem и миллиметрах — всё в одном окне. Это избавляет от ручных расчётов и догадок, когда нужно привести макет или вёрстку к единой системе измерений.

Как пользоваться

Откройте страницу конвертера и найдите поле ввода — туда нужно вписать значение в процентах (например, 120 или 87.5).
Укажите базовый размер шрифта (по умолчанию часто стоит 16 px — стандартный для большинства браузеров). Если ваш макет использует другое значение, например 20 px, измените его.
Выберите DPI экрана или устройства, если это предусмотрено настройками (обычно доступны 96, 72, 300 и другие варианты).
Нажмите кнопку «Конвертировать» или дождитесь автоматического расчёта — результат появится мгновенно.
Скопируйте нужное значение из таблицы: для CSS-свойства font-size берите pt или px, для печати — pt или мм, для адаптивной вёрстки — em или rem.

Кому и когда пригодится

Инструмент станет палочкой-выручалочкой для веб-разработчиков, которые верстают сайты с учётом печатных версий (например, когда пользователь сохраняет страницу в PDF). Верстальщикам, работающим с email-рассылками, тоже часто приходится переводить проценты в пункты — многие почтовые клиенты плохо понимают относительные единицы, зато отлично рендерят pt.

Дизайнеры, которые создают макеты в Figma или Sketch и параллельно проверяют их в браузере, оценят быстрый пересчёт: часто в интерфейсах проценты заданы от родительского элемента, а в типографике привычнее оперировать пунктами. Также инструмент пригодится тем, кто готовит документы к печати прямо из HTML или CSS — например, для создания буклетов или визиток. И конечно, это спасение для всех, кто просто хочет понять, как соотносятся проценты и points в типографской системе, не залезая в справочники.

Плюсы и ограничения

Плюсы:

Мгновенный пересчёт с учётом DPI и базового размера — не нужно вспоминать формулы.
Выдаёт сразу несколько единиц: pt, px, em, rem, мм — экономит время.
Подходит и для экранной, и для печатной типографики.
Не требует установки или регистрации — всё работает прямо в браузере.

Ограничения:

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

Частые вопросы

Чем пункт отличается от пикселя?

Пункт (pt) — это типографская единица, которая в CSS равна 1/72 дюйма. Пиксель (px) — это точка на экране, размер которой зависит от плотности устройства. На стандартном мониторе с DPI 96 один пункт примерно равен 1.333 пикселя, но при печати или на экранах с другим DPI соотношение меняется.

Почему нужно указывать базовый размер?

Проценты в CSS всегда отсчитываются от родительского элемента или от базового размера, заданного в html или body. Без этого значения конвертер не сможет понять, от какой величины считать, — поэтому поле обязательное. Обычно это 16 px, но в некоторых проектах базовый размер меняют.

Какой DPI выбрать для печати?

Для полиграфии стандарт — 300 DPI, для документов, которые будут печататься на офисном принтере, достаточно 150–300. Если вы готовите макет для экрана, оставляйте 96 или 72 (для Mac). Точное значение зависит от устройства и требований типографии.

Можно ли использовать результат для CSS-свойств?

Да, значение в pt напрямую подходит для font-size, margin или padding в CSS. Однако помните, что пункты — физическая единица, поэтому на экранах с высокой плотностью пикселей сайт может выглядеть крупнее или мельче, чем задумано. Для адаптивной вёрстки чаще советуют em или rem.

Насколько точным получается перевод?

Точность высокая, если вы правильно задали базовый размер и DPI. Конвертер использует стандартные формулы: 1 pt = 1/72 дюйма, 1 px = 1/96 дюйма при DPI 96. Поэтому погрешность возможна только из-за неверных исходных данных, а не из-за самого расчёта.