🔤

Конвертер PT в PX

Перевод типографских пунктов в пиксели с учётом DPI экрана

Загрузка инструмента...

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

Бесплатный онлайн-конвертер для быстрого и точного перевода типографских пунктов (pt) в пиксели (px). Инструмент незаменим для веб-дизайнеров, верстальщиков, полиграфистов и всех, кто работает с размерами шрифтов и графических элементов на экране и в печати. Конвертация pt в px зависит от разрешения экрана в DPI (точек на дюйм), и наш калькулятор поддерживает все популярные значения: 72 DPI для macOS и печати, 96 DPI для Windows и веб-стандарта CSS, 144 и 192 DPI для Retina- и HiDPI-дисплеев, а также 300 DPI для высококачественной полиграфии. Вы можете указать любое произвольное значение DPI для точного расчёта.

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

Формула перевода pt в px предельно проста: количество пикселей равно количеству пунктов, умноженному на отношение DPI экрана к 72. Для веб-стандарта 96 DPI коэффициент составляет 1,333, поэтому 12 pt соответствуют 16 px — базовому размеру текста в большинстве браузеров. Для Retina-экранов с удвоенной плотностью (192 DPI) коэффициент будет равен 2,667, а для печатной продукции при 300 DPI — 4,167. Наш онлайн-конвертер автоматически рассчитывает все эти значения, избавляя вас от ручных вычислений и потенциальных ошибок округления.

Инструмент особенно полезен в следующих случаях: перенос макетов из графических редакторов (Figma, Sketch, Adobe XD, Photoshop, InDesign) в CSS-код, адаптация печатных макетов для отображения на экране, настройка размеров шрифтов для кроссплатформенных приложений, подготовка технических заданий для разработчиков с указанием точных размеров в пикселях, а также сравнение отображения шрифтов на устройствах с различной плотностью пикселей. Все вычисления происходят прямо в вашем браузере без отправки данных на сервер, что гарантирует безопасность и мгновенную скорость работы.

Конвертер pt to px пригодится широкому кругу специалистов и обычных пользователей. Веб-дизайнеры используют его при переносе макетов из Figma или Photoshop в HTML и CSS, где размеры указываются в пикселях. Верстальщики и фронтенд-разработчики обращаются к конвертеру при работе с типографикой и адаптивными макетами. Полиграфисты переводят экранные размеры в печатные единицы и обратно. Контент-менеджеры проверяют корректность размеров шрифтов при публикации материалов на сайтах. Студенты дизайн-направлений изучают связь между физическими и экранными единицами измерения. Любой пользователь, которому нужно быстро узнать, сколько пикселей в определённом количестве пунктов, найдёт наш инструмент полезным и удобным.

Пункты (pt) и пиксели (px) — это две принципиально разные единицы измерения. Пункт является абсолютной единицей, привязанной к физическому размеру: 1 pt всегда равен 1/72 дюйма (0,3528 мм) независимо от устройства. Пиксель, напротив, является относительной единицей, размер которой зависит от плотности пикселей экрана (DPI/PPI). На мониторе с разрешением 96 DPI один пиксель имеет размер примерно 0,264 мм, а на Retina-дисплее с плотностью 192 DPI — вдвое меньше. Именно поэтому один и тот же текст размером 12 pt визуально выглядит одинаково на бумаге и на разных экранах, но количество пикселей, которое он занимает, различается.

В CSS-спецификации пункт определён как 1/72 от дюйма CSS, а пиксель CSS — как 1/96 дюйма CSS. Это означает, что при стандартном веб-разрешении соотношение pt к px всегда составляет 96/72 = 4/3 ≈ 1,333. Однако при работе с реальными устройствами нужно учитывать масштабирование операционной системы (device pixel ratio), которое может составлять 1x, 1.5x, 2x или даже 3x. Наш конвертер позволяет задать любое значение DPI, чтобы получить правильный результат для конкретного устройства или сценария использования.

Перевод пунктов в пиксели выполняется по формуле: px = pt × (DPI ÷ 72) . Здесь 72 — количество пунктов в одном дюйме (определение типографского пункта), а DPI — плотность пикселей целевого устройства. Для обратного перевода пикселей в пункты используется обратная формула: pt = px × (72 ÷ DPI) . При стандартном веб-разрешении 96 DPI коэффициент перевода составляет 96 ÷ 72 = 1,3333... (или 4/3). Это означает, что 3 пункта всегда равны ровно 4 пикселям при данном разрешении. Для удобства верстки рекомендуется использовать размеры шрифтов, кратные 3 pt (9, 12, 15, 18, 21, 24 pt), чтобы получать целые значения в пикселях (12, 16, 20, 24, 28, 32 px).

  • Мгновенный перевод пунктов в пиксели при любом значении DPI
  • Поддержка популярных пресетов: 72, 96, 110, 144, 192, 300 DPI
  • Возможность указать произвольное разрешение экрана
  • Готовая таблица конвертации для стандартных размеров шрифтов от 6 до 72 pt
  • Отображение точного, округлённого и дробного результата
  • Наглядное сравнение размера 12 pt на разных типах экранов
  • Копирование результата в один клик для вставки в код или макет
  • Экспорт полной таблицы перевода для дизайн-документации
  • Работа полностью в браузере — без загрузки данных на сервер

Таблица соответствия PT и PX при 96 DPI (веб-стандарт)

Размер (pt)Размер (px)Типичное применение
6 pt8 pxМелкий технический текст, сноски
8 pt10,667 pxПодписи, метки на графиках
9 pt12 pxМелкий текст интерфейса
10 pt13,333 pxОбычный текст мобильных приложений
11 pt14,667 pxТекст документов, email
12 pt16 pxБазовый размер текста в браузерах (body)
14 pt18,667 pxУвеличенный текст, подзаголовки
16 pt21,333 pxЗаголовки h3-h4
18 pt24 pxЗаголовки h2-h3
24 pt32 pxКрупные заголовки h1-h2
36 pt48 pxБаннеры, акцентные заголовки
48 pt64 pxHero-секции, крупная типографика
72 pt96 pxДекоративные элементы, лендинги

Как перевести PT в PX — пошаговая инструкция

1

Введите значение в пунктах

Укажите количество типографских пунктов (pt), которое нужно перевести в пиксели. Можно ввести число вручную или выбрать популярное значение из быстрых кнопок: 8, 10, 12, 14, 16, 18, 24, 36, 48 или 72 pt. Поддерживаются дробные значения через запятую или точку.

2

Выберите разрешение экрана (DPI)

Выберите DPI целевого устройства. Для веб-дизайна обычно используется 96 DPI (стандарт Windows и CSS), для macOS — 72 DPI, для Retina-дисплеев — 144 или 192 DPI. Для печати выбирайте 300 DPI. Если нужно точное значение — укажите его вручную в поле произвольного DPI.

3

Получите результат и используйте его

Результат отображается мгновенно: точное значение в пикселях, округлённый вариант и коэффициент пересчёта. Скопируйте нужное значение одним кликом для вставки в CSS-код, макет в Figma, документ или таблицу стилей. Также доступна полная таблица перевода всех стандартных размеров шрифтов.

Примеры использования конвертера пунктов в пиксели

🎨 Перенос макета из Figma/Photoshop в CSS

Дизайнер создал макет сайта в Figma, где размеры шрифтов указаны в пунктах: заголовок — 24 pt, основной текст — 12 pt, подписи — 9 pt. Конвертер мгновенно переводит их в пиксели для CSS: 32 px, 16 px и 12 px соответственно при стандартных 96 DPI. Это экономит время верстальщика и исключает ошибки округления.

📱 Адаптация интерфейса для мобильных устройств

При разработке мобильного приложения необходимо учитывать, что на Retina-экранах с плотностью 192 DPI один пункт соответствует 2,667 пикселям. Конвертер помогает точно рассчитать размеры элементов интерфейса для разных экранов: iPhone, iPad, Android-устройств с различной плотностью пикселей.

🖨️ Подготовка печатных макетов

Полиграфист готовит макет буклета, где шрифты настроены в пунктах для печати при 300 DPI. Конвертер показывает, что 12 pt при печатном разрешении составляет 50 пикселей — это помогает проверить, как макет будет выглядеть на экране при предварительном просмотре, и корректно настроить отображение в программе вёрстки.

📝 Составление технического задания

Менеджер проекта готовит ТЗ для разработчика и копирует из конвертера полную таблицу размеров шрифтов с переводом pt в px. Это устраняет неоднозначность в коммуникации между дизайнером и фронтенд-разработчиком и обеспечивает pixel-perfect реализацию макета.

Часто задаваемые вопросы о конвертации PT в PX

Какая формула перевода pt в px?
Формула конвертации: px = pt × (DPI ÷ 72). Один типографский пункт равен 1/72 дюйма. При стандартном веб-разрешении 96 DPI это даёт коэффициент 1,333: чтобы перевести пункты в пиксели, умножьте значение в pt на 1,333. Например, 12 pt × 1,333 = 16 px. Для других значений DPI коэффициент будет отличаться: при 72 DPI — 1.0, при 144 DPI — 2.0, при 300 DPI — 4,167.
В чём разница между pt и px?
Пункт (pt) — абсолютная единица измерения, привязанная к физическому размеру: 1 pt = 1/72 дюйма = 0,3528 мм. Пиксель (px) — относительная единица, размер которой зависит от плотности пикселей экрана. На мониторе с 96 DPI один пиксель ≈ 0,264 мм, а на Retina-дисплее с 192 DPI — вдвое меньше. Поэтому текст в пунктах выглядит одинаково на разных устройствах по физическому размеру, а в пикселях — занимает разное количество точек.
Почему стандарт для веб — именно 96 DPI?
Значение 96 DPI было принято компанией Microsoft для операционной системы Windows ещё в 1990-х годах. Apple использовала 72 DPI, что соответствовало соотношению 1 pt = 1 px. Microsoft выбрала 96 DPI для более чёткого отображения текста на мониторах того времени. С тех пор 96 DPI стало стандартом де-факто для веб-разработки и закреплено в спецификации CSS: 1 дюйм CSS = 96 пикселей CSS. Реальная плотность пикселей современных экранов значительно выше, но CSS-пиксель остаётся эталонной единицей.
Какой размер шрифта использовать в CSS: pt или px?
Для веб-дизайна рекомендуется использовать относительные единицы: rem или em, которые основываются на базовом размере шрифта (обычно 16 px = 12 pt). Однако если макет задан в пунктах, необходимо конвертировать их в пиксели для точной реализации. Единица pt в CSS тоже поддерживается и работает корректно, но px является более привычной для веб-разработчиков. Для печатных стилей (@media print) пункты предпочтительнее, так как они обеспечивают предсказуемый физический размер текста на бумаге.
Как учитывать Retina и HiDPI экраны при конвертации?
На Retina-экранах один CSS-пиксель отображается несколькими физическими пикселями. Для Retina 2x (MacBook Pro, iPhone) device pixel ratio = 2, поэтому логический DPI = 96 × 2 = 192. Для расчёта физических пикселей на таком экране выбирайте 192 DPI. Для 1.5x экранов — 144 DPI, для 3x — 288 DPI. Однако в CSS по-прежнему используются логические пиксели при 96 DPI, а масштабирование берёт на себя браузер. Поэтому для CSS-кода обычно достаточно стандартного перевода при 96 DPI.
Как правильно округлять результат конвертации?
Для CSS допустимы дробные значения пикселей (например, font-size: 13.333px), и браузер выполнит субпиксельный рендеринг. Однако для pixel-perfect дизайна предпочтительно использовать целые числа. Конвертер показывает и точное, и округлённое значение, чтобы вы могли выбрать подходящий вариант. Для размеров шрифтов обычно лучше округлять вверх, для отступов и ширин — математическое округление. Рекомендуем выбирать размеры шрифтов, кратные 3 pt (9, 12, 15, 18 pt), чтобы получать ровные значения в пикселях.
Сколько пикселей в 12 pt (стандартный размер Word)?
При стандартном веб-разрешении 96 DPI размер 12 pt равен ровно 16 пикселям. Это базовый размер текста, который используется в большинстве браузеров по умолчанию (font-size: 16px для тега body). В Microsoft Word при экранном масштабировании 100% текст размером 12 pt также отображается как 16 пикселей на обычных мониторах. На Retina-экранах с удвоенной плотностью те же 12 pt займут 32 физических пикселя, но визуально будут выглядеть того же размера.

Полезная информация

Используйте размеры шрифтов, кратные 3 pt (9, 12, 15, 18, 21, 24), чтобы получать целые значения в пикселях при 96 DPI

Для CSS рекомендуется использовать rem вместо px — это упрощает масштабирование всего интерфейса

Базовый размер 1 rem = 16 px = 12 pt является оптимальным для читаемости основного текста

При экспорте из Figma в CSS проверяйте единицы измерения в настройках проекта

Для печатных макетов всегда указывайте DPI целевого принтера для точного перевода

В iOS-разработке используется pt как основная единица (1 pt = 1 px на обычном экране, 2 px на Retina, 3 px на Retina HD)

Минимальный читаемый размер шрифта на экране — 9 pt (12 px), для комфортного чтения рекомендуется не менее 12 pt (16 px)

Конвертер pt в px постоянно обновляется для обеспечения максимальной точности расчётов.

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

Если вам нужен обратный перевод (из пикселей в пункты) или конвертация между другими единицами (em, rem, vw, vh), следите за обновлениями нашего раздела конвертеров. По всем вопросам и предложениям обращайтесь через форму обратной связи.

Комментарии (1)

Был ли полезен этот инструмент?
💬

Загрузка комментариев...