Почему 16px равны 12pt?

В CSS (Cascading Style Sheets) принят базовый дюйм 96px, а в DTP (Desktop Publishing) 1 дюйм = 72pt. Поэтому 1px = 72/96pt = 0,75pt.

Почему на экране и в печати размер “одинакового” текста выглядит по-разному?

Экранные px зависят от плотности пикселей и масштабирования интерфейса, а pt в печати привязан к физическому дюйму. Поэтому визуально размер может отличаться.

Перевести пиксели CSS (96 dpi) в пункты (DTP) онлайн

На этой странице вы можете перевести пиксели CSS (96 dpi) в пункты (DTP) онлайн с помощью удобного калькулятора типографики. Просто введите значение в пикселях CSS (96 dpi), и конвертер сразу покажет результат в пунктах (DTP).

Результат

Пиксель CSS (96 dpi) → Пункт (DTP)

1px

0,75pt

Округлять

Справка

В CSS (Cascading Style Sheets) при базовом 96dpi: 1px = 0,75pt.

Что такое пиксель CSS и пункт?

Справочно по единицам

Пиксель CSS (96 dpi)

Что это: CSS-пиксель (px) в типографическом пересчёте при 96dpi: 1px = 0,75pt.
История: Закреплён в веб-стандартах через связь 96px = 1in.
Интересный факт: CSS-пиксель — логическая, а не физическая единица; на HiDPI (High Dots Per Inch, высокая плотность пикселей) экранах один CSS px покрывает несколько аппаратных пикселей.
Применение: Веб-интерфейсы, UI-дизайн, адаптивные макеты.

Пункт (DTP)

Что это: Типографский пункт (pt) — 1/72 дюйма в DTP (Desktop Publishing, настольной издательской системе) стандарте.
История: Унифицирован в настольных издательских системах и веб-стандартах.
Интересный факт: В DTP (Desktop Publishing, настольной издательской системе) 72 pt составляют 1 дюйм, поэтому 12 pt — это 1/6 дюйма по физическому размеру.
Применение: Кегли шрифтов, полиграфия, печатные и PDF (Portable Document Format) макеты.

Формула перевода

pt = px × 0,75

Обратно: px = pt / 0,75

Точность и округление

Для печати ориентируйтесь на pt/мм, для экрана учитывайте DPI (dots per inch, плотность пикселей) и устройство.

На что обратить внимание

CSS px — логическая единица интерфейса, а не физический пиксель матрицы. На HiDPI (High Dots Per Inch, высокая плотность пикселей) экранах соотношение с аппаратными пикселями меняется.
pt лучше подходит для печати, px — для экранного интерфейса; смешивайте их только с пониманием DPI.

Типовые значения

В единицах «Из»	В единицах «В»
16px	12pt

Вопросы и ответы

Почему 16px равны 12pt?: В CSS (Cascading Style Sheets) принят базовый дюйм 96px, а в DTP (Desktop Publishing) 1 дюйм = 72pt. Поэтому 1px = 72/96pt = 0,75pt.
Почему на экране и в печати размер “одинакового” текста выглядит по-разному?: Экранные px зависят от плотности пикселей и масштабирования интерфейса, а pt в печати привязан к физическому дюйму. Поэтому визуально размер может отличаться.