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

Конвертер PX в PT онлайн ✓ Перевод пикселей в пункты ✓ Учёт DPI ✓ Таблица соответствий ✓ Для дизайнеров и верстальщиков

Что это такое

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

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

Работа с инструментом занимает меньше минуты:

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

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

Инструмент полезен в нескольких сценариях:

  • Веб-дизайнерам — когда нужно перевести размеры шрифтов из Figma или Sketch в CSS-свойства с точным соответствием пунктам.
  • Верстальщикам — при подготовке макетов для печати, где типографика традиционно измеряется в пунктах, а исходники даны в пикселях.
  • Разработчикам интерфейсов — для проверки, как поведут себя размеры при разных DPI на retina-экранах.
  • Тем, кто работает с Word или Google Docs — чтобы выставить кегль шрифта, визуально совпадающий с веб-страницей.
  • Студентам и преподавателям — на занятиях по типографике, когда нужно быстро объяснить разницу между единицами измерения.

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

Плюсы:

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

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

  • Результат зависит от указанного DPI — при смене плотности экрана значения меняются.
  • Не заменяет профессиональные типографские калькуляторы с учётом кернинга и интерлиньяжа.
  • Для физической печати всё равно потребуется проверка на реальном устройстве.

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

Почему 1 pt не равен 1 px?

В вебе стандартный DPI равен 96, поэтому 1 pt = 96/72 = 1.333 px. Но на Mac с DPI 72 пункт совпадает с пикселем. Путаница возникает именно из-за разной плотности экранов.

Какой DPI указывать для экрана?

Для большинства мониторов — 96. Для MacBook с Retina — 72 (логические пиксели). Если делаете макет под конкретное устройство, уточните его параметры в документации.

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

Да, но помните: в CSS лучше работать в px или rem. Пункты используйте только если нужно строгое соответствие печатной версии документа.

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

Word измеряет шрифты в пунктах (например, 12 pt). Если вы копируете текст из веба с размером 16 px, при вставке в Word он будет выглядеть крупнее или мельче — конвертер поможет подобрать правильный кегль.

Что делать, если нужен перевод с точностью до десятых?

Инструмент выдаёт результат с двумя знаками после запятой — этого достаточно для практических задач. Для научных расчётов можно умножить значение вручную: px × 72 / DPI.

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

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-градиенты