Конвертер PT в PX
Перевод типографских пунктов в пиксели с учётом DPI экрана
Открывали 182 раза
Инструмент справился с вашей задачей?
Одно нажатие, без регистрации. По ответам мы решаем, какие инструменты дорабатывать первыми.
Ваш ответ здесь будет первым.
Этот инструмент ещё ждёт первого комментария
Нашли приём, остался вопрос или чего-то не хватило — напишите, пригодится следующим. Почту и пароль указывать не нужно · публикуем после проверки, обычно за 1–2 дня · если вам ответят, ответ появится здесь же
Конвертер пунктов в пиксели — онлайн
Онлайн-конвертер пунктов в пиксели помогает перевести типографические единицы (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)
Все вычисления выполняются локально в вашем браузере. Введённые данные не отправляются на сервер сайта, поэтому конвертер выдаёт результат сразу. Инструмент работает на любом устройстве — компьютере, планшете или смартфоне — без установки дополнительного программного обеспечения.
Обратный перевод — из пикселей в пункты — делает конвертер «PX в PT»: /tools/px-to-pt-converter. Вопросы и предложения пишите в комментариях внизу страницы или нам напрямую: почта и Telegram есть на странице «Контакты».
Другие конвертеры единиц
Работаете с размерами в CSS и дизайне? Эти конвертеры пригодятся в той же задаче.
Комментарии
Этот инструмент ещё ждёт первого комментария
Почту и пароль указывать не нужно · публикуем после проверки, обычно за 1–2 дня · если вам ответят, ответ появится здесь же
Комментарии — мнения посетителей, прошедшие проверку по правилам сайта.