Конвертер PT в PX
Перевод типографских пунктов в пиксели с учётом DPI экрана
Конвертер пунктов в пиксели — онлайн
Онлайн-конвертер пунктов в пиксели помогает перевести типографические единицы (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
Чему равен 1 pt в пикселях?
Какая формула перевода pt в px?
В чём разница между pt и px?
Почему стандарт для веба — именно 96 DPI?
Какой размер шрифта использовать в CSS: pt или px?
Как учитывать Retina и HiDPI экраны при конвертации?
Как правильно округлять результат конвертации?
Сколько пикселей в 12 pt (стандартный размер Word)?
Как перевести px обратно в pt?
Полезная информация
Используйте размеры шрифтов, кратные 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), следите за обновлениями нашего раздела конвертеров. По всем вопросам и предложениям обращайтесь через форму обратной связи.
Другие конвертеры единиц
Работаете с размерами в CSS и дизайне? Эти конвертеры пригодятся в той же задаче.
Комментарии
Пока нет комментариев
Будьте первым!