Абсолютна одиниця типографіки, стандартизована як 1/72 дюйма

Пункти вимірюють розмір шрифту, міжрядковий інтервал (leading) та інші типографські розміри. Шрифт розміром 12pt означає, що відстань від найнижчого нижнього виносного елемента до найвищого верхнього виносного елемента становить 12 пунктів (1/6 дюйма або 4,23 мм). Система пунктів забезпечує незалежні від пристрою вимірювання, які послідовно перекладаються на різні носії.

Приклад: 12pt Times New Roman = 0,1667 дюйма заввишки = 4,23 мм. Професійний основний текст зазвичай використовує 10-12pt, заголовки 18-72pt.

Цифрова одиниця, що представляє одну точку на екрані або зображенні

Пікселі — це залежні від пристрою одиниці, що змінюються залежно від щільності екрана (DPI/PPI). Однаковий розмір пікселів виглядає більшим на дисплеях з низькою роздільною здатністю (72 PPI) і меншим на дисплеях з високою роздільною здатністю retina (220+ PPI). Розуміння взаємозв'язку DPI/PPI є вирішальним для послідовної типографіки на різних пристроях.

Приклад: 16px при 96 DPI = 12pt. Ті ж 16px при 300 DPI (друк) = 3,84pt. При перетворенні пікселів завжди вказуйте цільове значення DPI.

Традиційна типографська одиниця, що дорівнює 12 пунктам або 1/6 дюйма

Піки вимірюють ширину колонок, поля та розміри макета сторінки в традиційному друкованому дизайні. Програми для настільних видавничих систем, такі як InDesign та QuarkXPress, використовують піки як стандартну одиницю вимірювання. Одна піка дорівнює рівно 12 пунктам, що робить перетворення простими.

Приклад: стандартна газетна колонка може мати ширину 15 пік (2,5 дюйма або 180 пунктів). У макетах журналів часто використовуються розміри 30-40 пік.

1450–1737

Поява рухомого набору створила потребу у стандартизованих вимірюваннях, але регіональні системи залишалися несумісними протягом століть.

• 1450: Друкарський верстат Гутенберга створює потребу у стандартизованих розмірах шрифтів
• 1500-ті: Розміри шрифтів називаються на честь видань Біблії (Cicero, Augustin тощо)
• 1600-ті: Кожен європейський регіон розробляє власну систему пунктів
• 1690-ті: Французький типограф Фурньє пропонує систему з 12-ти частин
• Ранні системи: Дуже непослідовні, відрізнялися на 0,01-0,02 мм між регіонами

1737–1886

Французький друкар Франсуа-Амбруаз Дідо створив перший справжній стандарт, прийнятий у всій континентальній Європі і який досі використовується у Франції та Німеччині.

• 1737: Фурньє пропонує систему пунктів, засновану на французькому королівському дюймі
• 1770: Франсуа-Амбруаз Дідо вдосконалює систему — 1 пункт Дідо = 0,376 мм
• 1785: Цицеро (12 пунктів Дідо) стає стандартною мірою
• 1800-ті: Система Дідо домінує у друкарстві континентальної Європи
• Сучасність: Досі використовується у Франції, Німеччині, Бельгії для традиційного друку

1886–1984

Американські та британські друкарі стандартизували систему пік, визначивши 1 пункт як 0,013837 дюйма (1/72,27 дюйма), що домінувало в англомовній типографіці.

• 1886: American Type Founders створюють систему пік: 1 pt = 0,013837"
• 1898: Британці приймають американський стандарт, створюючи англо-американську єдність
• 1930-ті-1970-ті: Система пік домінує у всьому англомовному друці
• Різниця: Англо-американський пункт (0,351 мм) проти Дідо (0,376 мм) — на 7% більший
• Вплив: Вимагав окремих відливок шрифтів для ринків США/Великобританії порівняно з європейськими ринками

1984–теперішній час

Стандарт PostScript від Adobe об'єднав світову типографіку, визначивши 1 пункт як рівно 1/72 дюйма, що поклало край століттям несумісності і дозволило розвиватися цифровій типографіці.

• 1984: Adobe PostScript визначає 1 pt = рівно 1/72 дюйма (0,3528 мм)
• 1985: Apple LaserWriter робить PostScript стандартом для настільних видавничих систем
• 1990-ті: Пункт PostScript стає світовим стандартом, замінюючи регіональні системи
• 2000-ні: TrueType, OpenType приймають вимірювання PostScript
• Сучасність: Пункт PostScript є універсальним стандартом для всього цифрового дизайну

Створена в 1770 році Франсуа-Амбруазом Дідо

Континентально-європейський стандарт, який досі використовується у Франції, Німеччині та частині Східної Європи для традиційного друку.

• 1 пункт Дідо = 0,376 мм (проти PostScript 0,353 мм) — на 6,5% більший
• 1 цицеро = 12 пунктів Дідо = 4,51 мм (порівняно з пікою)
• Заснована на французькому королівському дюймі (27,07 мм), забезпечуючи простоту, подібну до метричної системи
• Досі віддається перевага у європейському мистецькому книгодрукуванні та класичному друці
• Сучасне використання: французька Imprimerie nationale, німецька типографіка Fraktur

Створена в 1978 році Дональдом Кнутом для комп'ютерного набору

Академічний стандарт для математичних та наукових публікацій, оптимізований для точної цифрової композиції.

• 1 пункт TeX = 1/72,27 дюйма = 0,351 мм (відповідає старому англо-американському пункту)
• Обраний для збереження сумісності з до-цифровими академічними публікаціями
• 1 піка TeX = 12 пунктів TeX (трохи менша за піку PostScript)
• Використовується LaTeX, домінуючою системою наукових публікацій
• Критично важливо для: академічних статей, математичних текстів, фізичних журналів

Типографіка Microsoft Word та Windows

Внутрішня одиниця вимірювання для текстових процесорів, що забезпечує точний контроль над макетом цифрових документів.

• 1 твіп = 1/20 пункту = 1/1440 дюйма = 0,0176 мм
• Назва: «Двадцята частина пункту» — надзвичайно точне вимірювання
• Використовується внутрішньо: Microsoft Word, Excel, PowerPoint, Windows GDI
• Дозволяє використовувати дробові розміри пунктів без обчислень з плаваючою комою
• 20 твіпів = 1 пункт, що дозволяє досягти точності 0,05pt для професійного набору

Стандарт American Type Founders 1886 року

До-цифровий стандарт для англомовного друку, що незначно відрізняється від PostScript.

• 1 друкарський пункт = 0,013837 дюйма = 0,351 мм
• Дорівнює 1/72,27 дюйма (проти PostScript 1/72) — на 0,4% менший
• Піка = 0,166 дюйма (проти PostScript 0,16667) — ледь помітна різниця
• Домінував у 1886-1984 роках до уніфікації PostScript
• Спадщина: деякі традиційні друкарні досі посилаються на цю систему

Слово 'шрифт' походить від французького 'fonte', що означає 'литий' або 'розплавлений' — маючи на увазі розплавлений метал, який заливався у форми для створення окремих металевих літер у традиційному високому друці.

PostScript обрав 72 пункти на дюйм, тому що 72 ділиться на 2, 3, 4, 6, 8, 9, 12, 18, 24 і 36 — що полегшує розрахунки. Це також було дуже близько до традиційної системи пік (72,27 пункту/дюйм).

Bauer Bodoni коштує 89 900 доларів за повне сімейство — один з найдорожчих комерційних шрифтів, які коли-небудь продавалися. Його дизайн вимагав років праці для оцифрування з оригінальних металевих зразків 1920-х років.

Незважаючи на ненависть дизайнерів, Comic Sans збільшує швидкість читання для людей з дислексією на 10-15% завдяки нерегулярним формам літер, які запобігають плутанині символів. Це насправді цінний інструмент доступності.

Символ '@' має різні назви в різних мовах: 'равлик' (італійська), 'мавпячий хвіст' (голландська), 'мишка' (китайська) і 'згорнутий маринований оселедець' (чеська) — але це один і той же символ розміром 24pt.

Apple обрала 72 DPI для оригінальних Mac, щоб точно відповідати пунктам PostScript (1 піксель = 1 пункт), що вперше зробило можливим настільний друк WYSIWYG у 1984 році. Це зробило революцію в графічному дизайні.

Гутенберг винаходить рухомий набір — перша потреба у стандартах вимірювання шрифтів

Франсуа-Амбруаз Дідо створює систему пунктів Дідо (0,376 мм)

American Type Founders стандартизують систему пік (1 pt = 1/72,27 дюйма)

Дональд Кнут створює систему пунктів TeX для академічного набору

Adobe PostScript визначає 1 pt = рівно 1/72 дюйма — глобальна уніфікація

Apple LaserWriter приносить PostScript у настільні видавничі системи

Формат шрифтів TrueType стандартизує цифрову типографіку

CSS вводить веб-типографіку з вимірюваннями на основі пікселів

iPhone вводить дисплеї Retina @2x — дизайн, незалежний від щільності

Android запускається з dp (пікселі, незалежні від щільності)

Веб-шрифти (WOFF) дозволяють використовувати користувацьку типографіку в Інтернеті

Специфікація варіативних шрифтів — один файл, нескінченні стилі

96 DPI (96 пікселів на дюйм)

Microsoft стандартизувала 96 DPI у Windows 95, створивши співвідношення 4:3 між пікселями та пунктами. Це залишається стандартом для більшості дисплеїв ПК.

• 1 px при 96 DPI = 0,75 pt (4 пікселі = 3 пункти)
• 16px = 12pt — поширене перетворення розміру основного тексту
• Історія: обрано як 1,5× від оригінального стандарту CGA 64 DPI
• Сучасність: дисплеї з високою щільністю DPI використовують масштабування 125%, 150%, 200% (120, 144, 192 DPI)
• Стандартно у веб: CSS припускає 96 DPI для всіх перетворень px у фізичні одиниці

72 DPI (застарілий), 220 PPI (@2x Retina)

Оригінальний 72 DPI від Apple відповідав пунктам PostScript 1:1. Сучасні дисплеї Retina використовують масштабування @2x/@3x для чіткого відображення.

• Застарілий: 1 px при 72 DPI = рівно 1 pt (ідеальна відповідність)
• Retina @2x: 2 фізичні пікселі на пункт, ефективна щільність 220 PPI
• Retina @3x: 3 фізичні пікселі на пункт, 330 PPI (iPhone)
• Перевага: розміри в пунктах збігаються на екрані та в попередньому перегляді для друку
• Реальність: фізична щільність Retina становить 220 PPI, але масштабується, щоб виглядати як 110 PPI (2×)

160 DPI (піксель, незалежний від щільності)

Система dp (пікселі, незалежні від щільності) в Android нормалізується до базової лінії 160 DPI, з категоріями щільності для різних екранів.

• 1 dp при 160 DPI = 0,45 pt (160 пікселів/дюйм ÷ 72 пункти/дюйм)
• Категорії щільності: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
• Формула: фізичні пікселі = dp × (DPI екрана / 160)
• 16sp (піксель, незалежний від масштабу) = рекомендований мінімальний розмір тексту
• Перевага: однакове значення dp виглядає фізично ідентичним на всіх пристроях Android

72 DPI (@1x), 144 DPI (@2x), 216 DPI (@3x)

iOS використовує пункт як логічну одиницю, ідентичну пунктам PostScript, при цьому кількість фізичних пікселів залежить від покоління екрана (не-retina @1x, retina @2x, super-retina @3x).

• 1 пункт iOS при @1x = 1,0 pt PostScript (базова лінія 72 DPI, як і в PostScript)
• Retina @2x: 2 фізичні пікселі на пункт iOS (144 DPI)
• Super Retina @3x: 3 фізичні пікселі на пункт iOS (216 DPI)
• Всі дизайни для iOS використовують пункти; система автоматично обробляє щільність пікселів
• 17pt = мінімальний рекомендований розмір основного тексту (доступність)

Роздільна здатність принтера — скільки крапок чорнила вміщується в одному дюймі

DPI вимірює роздільну здатність виводу принтера. Більш високий DPI створює більш гладкий текст і зображення, розміщуючи більше крапок чорнила на дюйм.

• 300 DPI: стандарт для професійного друку (журнали, книги)
• 600 DPI: високоякісний лазерний друк (ділові документи)
• 1200-2400 DPI: професійний фотодрук та репродукція образотворчого мистецтва
• 72 DPI: тільки для попереднього перегляду на екрані — неприйнятно для друку (виглядає зубчастим)
• 150 DPI: чорновий друк або плакати великого формату (для перегляду з відстані)

Роздільна здатність екрана — скільки пікселів вміщується в одному дюймі дисплея

PPI вимірює щільність дисплея. Більш високий PPI створює більш чіткий текст на екрані, ущільнюючи більше пікселів у тому ж фізичному просторі.

• 72 PPI: оригінальні дисплеї Mac (1 піксель = 1 пункт)
• 96 PPI: стандартні дисплеї Windows (1,33 пікселя на пункт)
• 110-120 PPI: бюджетні монітори для ноутбуків/настільних комп'ютерів
• 220 PPI: MacBook Retina, iPad Pro (2× щільність пікселів)
• 326-458 PPI: iPhone Retina/Super Retina (3× щільність пікселів)
• 400-600 PPI: висококласні телефони на Android (Samsung, Google Pixel)

У друку використовуються абсолютні одиниці (пункти, піки), тому що фізичний розмір виводу повинен бути точним і незалежним від пристрою.

• Основний текст: 10-12pt для книг, 9-11pt для журналів
• Заголовки: 18-72pt залежно від ієрархії та формату
• Інтерліньяж (міжрядковий інтервал): 120% від розміру шрифту (текст 12pt = інтерліньяж 14,4pt)
• Вимірюйте абсолютні розміри в піках: «Ширина колонки: 25 пік»
• Завжди проектуйте з роздільною здатністю 300 DPI для професійного друку
• Ніколи не використовуйте пікселі для друку — перетворюйте їх у пункти/піки/дюйми

У веб-типографіці використовуються пікселі та відносні одиниці, тому що екрани відрізняються розміром та щільністю.

• Основний текст: 16px за замовчуванням (стандарт браузера) = 12pt при 96 DPI
• Ніколи не використовуйте абсолютні пункти в CSS — браузери відображають їх непередбачувано
• Адаптивний дизайн: використовуйте rem (відносно кореневого шрифту) для масштабованості
• Мінімальний текст: 14px для основного тексту, 12px для підписів (доступність)
• Висота рядка: 1,5 (без одиниць) для читабельності основного тексту
• Медіа-запити: проектуйте для екранів від 320px (мобільні) до 1920px+ (настільні)

Мобільні платформи використовують одиниці, незалежні від щільності (dp/pt), для забезпечення послідовного фізичного розміру на різних щільностях екранів.

• iOS: проектуйте в пунктах (pt), система автоматично масштабує до @2x/@3x
• Android: використовуйте dp (пікселі, незалежні від щільності) для макетів, sp для тексту
• Мінімальна цільова область дотику: 44pt (iOS) або 48dp (Android) для доступності
• Основний текст: мінімум 16sp (Android) або 17pt (iOS)
• Ніколи не використовуйте фізичні пікселі — завжди використовуйте логічні одиниці (dp/pt)
• Тестуйте на кількох щільностях: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi

Академічні видання використовують пункти TeX для математичної точності та сумісності з існуючою літературою.

• LaTeX використовує пункти TeX (72,27 на дюйм) для сумісності зі старими системами
• Стандартний журнал: шрифт Computer Modern 10pt
• Двоколонковий формат: колонки шириною 3,33 дюйма (240pt) з проміжком 0,25 дюйма (18pt)
• Рівняння: точний розмір у пунктах має вирішальне значення для математичної нотації
• Перетворюйте обережно: 1 pt TeX = 0,9963 pt PostScript
• Вивід у PDF: TeX автоматично обробляє перетворення системи пунктів

• Завжди працюйте в пунктах або піках — ніколи в пікселях для друку
• Налаштовуйте документи в реальному розмірі (300 DPI) з самого початку
• Використовуйте 10-12pt для основного тексту; все, що менше, знижує читабельність
• Інтерліньяж повинен становити 120-145% від розміру шрифту для комфортного читання
• Поля: мінімум 0,5 дюйма (36pt) для палітурки та обробки
• Зробіть пробний відбиток у реальному розмірі перед відправленням у комерційну друкарню

• Використовуйте rem для розмірів шрифтів — це дозволяє користувачеві масштабувати без порушення макета
• Встановіть кореневий шрифт 16px (стандарт браузера) — ніколи не менше
• Використовуйте значення висоти рядка без одиниць (1.5) замість фіксованих висот
• Ніколи не використовуйте абсолютні розміри в пунктах у CSS — непередбачуване відображення
• Тестуйте на реальних пристроях, а не лише на зміні розміру браузера — DPI має значення
• Мінімальний розмір шрифту: 14px основний текст, 12px підписи, 44px цільові області дотику

• iOS: проектуйте @1x, експортуйте ресурси @2x та @3x автоматично
• Android: проектуйте в dp, тестуйте на mdpi/hdpi/xhdpi/xxhdpi
• Мінімальний текст: 17pt (iOS) або 16sp (Android) для доступності
• Цільові області дотику: мінімум 44pt (iOS) або 48dp (Android)
• Тестуйте на фізичних пристроях — симулятори не показують реальну щільність
• За можливості використовуйте системні шрифти — вони оптимізовані для платформи

• Мінімальний основний текст: 16px (веб), 17pt (iOS), 16sp (Android)
• Високий контраст: 4.5:1 для основного тексту, 3:1 для великого тексту (18pt+)
• Підтримуйте масштабування користувачем: використовуйте відносні одиниці, а не фіксовані розміри
• Довжина рядка: 45-75 символів у рядку для оптимальної читабельності
• Висота рядка: мінімум 1,5× розміру шрифту для доступності людям з дислексією
• Тестуйте за допомогою програм зчитування з екрана та масштабування на 200%

Photoshop припускає 72 PPI для відображення на екрані, тоді як Word використовує 96 DPI (Windows) для макета. Шрифт 12pt в Photoshop виглядає на 33% більшим на екрані, ніж у Word, хоча обидва друкуються в однаковому розмірі. Встановіть у Photoshop 300 PPI для роботи з друком, щоб бачити точні розміри.

Завжди в пікселях (або відносних одиницях, таких як rem/em) для вебу. Пункти — це абсолютні фізичні одиниці, які непослідовно відображаються в різних браузерах і на різних пристроях. 12pt може бути 16px на одному пристрої і 20px на іншому. Використовуйте px/rem для передбачуваної веб-типографіки.

pt = абсолютний фізичний (1/72 дюйма), px = екранний піксель (змінюється залежно від DPI), dp = незалежний від щільності в Android (нормалізований до 160 DPI). Використовуйте pt для друку, px для вебу, dp для Android, логічний pt iOS для iOS. Кожна система оптимізована для своєї платформи.

Програми інтерпретують пункти по-різному залежно від їхнього припущення про DPI. Word використовує 96 DPI, Photoshop за замовчуванням 72 PPI, InDesign використовує реальну роздільну здатність пристрою. 12pt завжди дорівнює 1/6 дюйма при друку, але виглядає різного розміру на екрані через налаштування DPI.

Помножте пункти TeX на 0,9963, щоб отримати пункти PostScript (1 pt TeX = 1/72,27 дюйма проти PostScript 1/72 дюйма). Різниця невелика — всього 0,37% — але має значення для академічних видань, де точний інтервал має вирішальне значення для математичної нотації.

Друк: мінімум 300 DPI, 600 DPI для високої якості. Веб: проектуйте з роздільною здатністю 96 DPI, надавайте ресурси @2x для retina. Мобільні пристрої: проектуйте @1x в логічних одиницях (pt/dp), експортуйте @2x/@3x. Ніколи не проектуйте з роздільною здатністю 72 DPI, якщо тільки не орієнтуєтеся на застарілі дисплеї Mac.

Стандартний розмір шрифту в браузері становить 16px (еквівалентно 12pt при 96 DPI), обраний для оптимальної читабельності на типових відстанях перегляду (18-24 дюйми). Все, що менше, знижує читабельність, особливо для літніх користувачів. Завжди використовуйте 16px як основу для відносного масштабування.

Тільки якщо ви працюєте з традиційним європейським друком, французькими видавництвами або історичними репродукціями. Пункти Дідо (0,376 мм) на 6,5% більші за пункти PostScript. Сучасний цифровий дизайн повсюдно використовує пункти PostScript — Дідо актуальний в основному для класичної типографіки та мистецьких книг.