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

Точките измерват размера на шрифта, разстоянието между редовете (водещо) и други типографски размери. Шрифт от 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-те: Размерите на шрифта се наричат на издания на Библията (Цицерон, Августин и др.)
• 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 долара за цялото семейство — един от най-скъпите търговски шрифтове, продавани някога. Дизайнът му изисква години работа, за да се дигитализира от оригинални метални образци от 20-те години на миналия век.

Въпреки омразата на дизайнерите, 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 на инч) за наследена съвместимост
• Стандартно списание: 10pt шрифт Computer Modern
• Двуколонков формат: колони с ширина 3,33 инча (240pt) с 0,25 инча (18pt) разстояние
• Уравнения: прецизното оразмеряване в точки е от решаващо значение за математическата нотация
• Преобразувайте внимателно: 1 точка TeX = 0,9963 точки 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 точка 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 — Дидо е от значение главно за класическата типография и художествените книги.