🔤

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

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

🔄Конвертация PT → PX

Значение в пунктах (pt)

Результат в пикселях (px)

—

Разрешение экрана (DPI)

DPI (dots per inch) — количество точек на дюйм. Стандарт для веб-дизайна — 96 DPI (Windows) или 72 DPI (macOS). Выберите подходящий пресет или укажите своё значение.

📋 Таблица PT → PX(96 DPI)

📱 Как 12pt выглядит на разных экранах

Печать (72 DPI)

macOS, PDF

12 px

Монитор (96 DPI)

Windows, веб

16 px

Retina (144 DPI)

MacBook, iPad

24 px

HiDPI (192 DPI)

Смартфоны

32 px

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

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

Онлайн-конвертер пунктов в пиксели помогает перевести типографические единицы (pt) в экранные (px). Базовое соотношение: 1 pt = 4/3 px (при 96 DPI), то есть 12 pt ≈ 16 px, что является стандартным размером шрифта в большинстве браузеров.

Инструмент полезен веб-дизайнерам, разработчикам, верстальщикам, работающим с CSS. При переводе макетов из Photoshop или Figma в код часто нужно знать соотношение между этими единицами для правильного отображения на экране.

Соотношение pt и px

При стандартном разрешении экрана 96 DPI (которое используется в большинстве современных компьютеров): 1 pt = 1.333 px. То есть 9 pt = 12 px, 12 pt = 16 px, 18 pt = 24 px. Это стандартное соотношение в CSS и других веб-технологиях.

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

Практическое применение

В CSS обычно используют пиксели (px), em, rem. Но некоторые инструменты печати и старые дизайн-программы работают в пунктах. Конвертер помогает быстро преобразовать размеры из макета в код.

Важно помнить, что пункты — абсолютная единица (для печати), а пиксели — относительная (зависят от экрана). Для современной вёрстки лучше использовать em или rem, которые масштабируются относительно базового размера шрифта.

💡

Пример: перевод макета в CSS

Дизайнер делает макет в Figma с размером шрифта 14 pt

Верстальщик нужно преобразовать в CSS

Использует конвертер: 14 pt = 18.67 px

Округляет до 19 px и применяет в стилях

Получает идентичное отображение на экране и в макете

🧠

Знаете ли вы?

📐

1 pt = 1/72 дюйма, 1 px = 1/96 дюйма (при стандартном DPI)

🖥️

Стандартное разрешение экрана — 96 DPI

💻

В CSS пункты можно использовать, но чаще применяются px или rem

📱

Retina-экраны имеют более высокую плотность, но CSS-пиксели остаются стандартными

🎨

Для печати размеры обычно указывают в pt, для экрана — в px

⚡

Формула: px = pt × 1.333

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

Размер (pt)	Размер (px)	Типичное применение
6 pt	8 px	Мелкий технический текст, сноски
8 pt	10,667 px	Подписи, метки на графиках
9 pt	12 px	Мелкий текст интерфейса
10 pt	13,333 px	Обычный текст мобильных приложений
11 pt	14,667 px	Текст документов, email
12 pt	16 px	Базовый размер текста в браузерах (body)
14 pt	18,667 px	Увеличенный текст, подзаголовки
16 pt	21,333 px	Заголовки h3-h4
18 pt	24 px	Заголовки h2-h3
24 pt	32 px	Крупные заголовки h1-h2
36 pt	48 px	Баннеры, акцентные заголовки
48 pt	64 px	Hero-секции, крупная типографика
72 pt	96 px	Декоративные элементы, лендинги

💡

Важно знать

Для адаптивной вёрстки предпочитайте относительные единицы (em, rem, %) вместо абсолютных (px, pt). Это делает дизайн более гибким и удобным для пользователей с разным зрением.

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

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

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

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

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

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

Результат отображается мгновенно: точное значение в пикселях, округлённый вариант и коэффициент пересчёта. Скопируйте нужное значение одним кликом для вставки в 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)

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

Руслан Авдеев (автор проекта)• 1 янв. 2024 г., 00:00

🎉 Спасибо, что используете наши инструменты! Все инструменты на ToolFox полностью бесплатны и постоянно улучшаются. 📝 Пожалуйста, оставляйте комментарии: - Если инструмент работает некорректно - Если есть идеи по улучшению - Поделитесь своим опытом использования 👍 Ставьте лайки/дизлайки - это помогает мне понять, какие инструменты нуждаются в доработке. Я обновляю сайт каждую неделю на основе вашей обратной связи. ⭐ Если вам нравится ToolFox — буду благодарен за отзыв о сайте в Яндекс.Браузере (нажмите на ⋮ → «Оценить сайт» в панели браузера). Это помогает другим людям находить наши инструменты! 😊 Также вы можете написать мне напрямую в Telegram: @avdeevrus Все доработки и улучшения по вашим пожеланиям делаю бесплатно! Благодарю за доверие и использование ToolFox! 🚀