Конвертер PT в PX: перевод пунктов в пиксели онлайн

Онлайн-конвертер PT в PX ✓ Точный перевод пунктов в пиксели ✓ Поддержка 72, 96, 144, 192, 300 DPI ✓ Таблица соответствия ✓ Для веб-дизайна, CSS, Figma, печати

Что это такое

Конвертер PT в PX — это онлайн-инструмент, который мгновенно переводит типографские пункты в пиксели. Если вы когда-нибудь ломали голову над тем, как размер шрифта в 12pt будет выглядеть на экране, этот сервис решает проблему за секунду. В отличие от ручных расчетов, которые зависят от DPI (плотности пикселей на дюйм), инструмент автоматически учитывает нужный стандарт — будь то классические 72 DPI для печати или привычные 96 DPI для веб-дизайна.

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

  1. Откройте страницу конвертера PT в PX.
  2. Введите значение в пунктах в левом поле — например, 14.
  3. Выберите DPI из выпадающего списка: 72, 96, 144, 192 или 300 (для печати обычно берут 300).
  4. Нажмите кнопку «Конвертировать» или просто посмотрите результат — он появится автоматически.
  5. Скопируйте полученное число в пикселях или воспользуйтесь таблицей соответствия ниже для быстрых справок.

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

  • Веб-разработчикам: при верстке CSS, где размер шрифта задается в px, а макет приходит из Figma в pt. Вместо того чтобы гадать, просто переводите пункты в пиксели и вставляйте точное значение.
  • UI/UX-дизайнерам: при работе в Figma, Sketch или Adobe XD, где типографика часто указана в пунктах, а для прототипа нужно понимать, как это будет выглядеть в браузере.
  • Верстальщикам и полиграфистам: для подготовки макетов к печати, где критично точное соответствие при 300 DPI.
  • Тем, кто адаптирует чужие стили: например, когда нужно перевести размеры из CSS-фреймворка с pt в px для конкретного проекта.

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

Плюсы:

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

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

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

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

Чем отличается pt от px?

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

Почему в вебе принято использовать px, а не pt?

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

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

Для веб-дизайна и CSS берите 96 DPI — это стандарт для большинства экранов. Если готовите макет для печати, используйте 300 DPI. Для быстрых расчетов «на глаз» подойдет 72 DPI, но помните: это значение ближе к типографскому стандарту, а не к реальным мониторам.

Можно ли перевести дробные значения, например 12.5pt?

Да, конвертер PT в PX поддерживает десятичные числа. Просто введите значение с точкой (например, 12.5) — и получите результат с точностью до сотых. Это особенно полезно, когда нужно выровнять типографику по сетке.

Есть ли разница между pt в Figma и pt в CSS?

Формально — нет, это одна и та же единица. Но Figma по умолчанию показывает размеры в pt, которые при экспорте в CSS часто конвертируются в px. Если вы заметили расхождение, проверьте настройки DPI в самом Figma — по умолчанию там стоит 96, что соответствует веб-стандарту.

Другие инструменты

HTML символы и иконки: коды спецсимволов для сайта Полная таблица HTML символов и юникод иконок ✓ Коды символов ✓ Копирование одним кликом ✓ Спецсимволы для веб- Таблица цветов для плоских дизайнов: палитра Flat UI Colors онлайн Таблица цветов для плоского дизайна онлайн ✓ 125 flat-цветов по категориям ✓ Копирование HEX, RGB, HSL, RGBA ✓ Таблица безопасных веб-цветов: 216 Web Safe Colors онлайн Таблица безопасных веб-цветов онлайн 🎨 216 Web Safe Colors ✓ Конвертация HEX/RGB/HSL/CMYK ✓ Проверка контрастн Просмотр HEX цвета: конвертер RGB, HSL, CMYK онлайн Просмотр HEX цвета онлайн бесплатно ✓ Конвертер HEX в RGB, HSL, HSV, CMYK ✓ Проверка контрастности WCAG ✓ Гене Просмотр RGB цвета онлайн: конвертер HEX, HSL, CMYK Просмотр RGB цвета онлайн ✓ Конвертер HEX, HSL, HSV, CMYK ✓ Пипетка с экрана ✓ Проверка контраста WCAG ✓ Цвето Генератор цветов HTML: подбор цвета, конвертер HEX RGB HSL CMYK 🎨 Генератор цветов HTML онлайн ✓ Конвертер HEX RGB HSL HSV CMYK ✓ Цветовые гармонии и палитры ✓ CSS-градиенты