Апсолутната единица на типографијата, стандардизирана како 1/72 од инч

Точките ја мерат големината на фонтот, проредот на линиите (leading) и другите типографски димензии. Фонт од 12pt значи дека растојанието од најнискиот долен дел на буквата до највисокиот горен дел е 12 точки (1/6 од инч или 4,23 mm). Системот на точки обезбедува мерења независни од уредот кои се преведуваат доследно низ медиумите.

Пример: 12pt Times New Roman = 0,1667 инчи висина = 4,23 mm. Професионалниот текст за тело обично користи 10-12pt, насловите 18-72pt.

Дигиталната единица што претставува една точка на екран или слика

Пикселите се единици зависни од уредот кои варираат врз основа на густината на екранот (DPI/PPI). Истиот број на пиксели изгледа поголем на екрани со ниска резолуција (72 PPI) и помал на екрани со висока резолуција на ретина (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 mm помеѓу регионите

1737–1886

Францускиот печатар Франсоа-Амброаз Дидо го создаде првиот вистински стандард, усвоен низ цела континентална Европа и сè уште се користи денес во Франција и Германија.

• 1737: Фурние предлага систем на точки заснован на францускиот кралски инч
• 1770: Франсоа-Амброаз Дидо го усовршува системот — 1 точка Дидо = 0,376 mm
• 1785: Цицерон (12 точки Дидо) станува стандардна мерка
• 1800-ти: Системот Дидо доминира во печатењето во континентална Европа
• Модерно: Сè уште се користи во Франција, Германија, Белгија за традиционално печатење

1886–1984

Американските и британските печатари го стандардизираа системот пика, дефинирајќи 1 точка како 0,013837 инчи (1/72,27 од инч), доминирајќи во типографијата на англиски јазик.

• 1886: American Type Founders го воспоставуваат системот пика: 1 pt = 0,013837"
• 1898: Британците го усвојуваат американскиот стандард, создавајќи англо-американско единство
• 1930-ти-1970-ти: Системот пика доминира во целото печатење на англиски јазик
• Разлика: Англо-американска точка (0,351 mm) наспроти Дидо (0,376 mm) — 7% поголема
• Влијание: Потребно беше посебно леење на типови за пазарите во САД/Велика Британија наспроти европските пазари

1984–Денес

Стандардот PostScript на Adobe ја обедини глобалната типографија со дефинирање на 1 точка како точно 1/72 од инч, ставајќи крај на вековите на некомпатибилност и овозможувајќи ја дигиталната типографија.

• 1984: Adobe PostScript дефинира 1 pt = точно 1/72 од инч (0,3528 mm)
• 1985: Apple LaserWriter го прави PostScript стандард за десктоп издаваштво
• 1990-ти: Точката на PostScript станува глобален стандард, заменувајќи ги регионалните системи
• 2000-ти: TrueType, OpenType ги усвојуваат мерењата на PostScript
• Модерно: Точката на PostScript е универзален стандард за целиот дигитален дизајн

Воспоставен во 1770 година од Франсоа-Амброаз Дидо

Континенталниот европски стандард, сè уште се користи во Франција, Германија и делови од Источна Европа за традиционално печатење.

• 1 точка Дидо = 0,376 mm (наспроти PostScript 0,353 mm) — 6,5% поголема
• 1 Цицерон = 12 точки Дидо = 4,51 mm (споредливо со пика)
• Засновано на францускиот кралски инч (27,07 mm), обезбедувајќи едноставност слична на метричката
• Сè уште е префериран во европската уметничка книга и класичното печатење
• Современа употреба: Француската Imprimerie nationale, германската типографија Fraktur

Создаден во 1978 година од Доналд Кнут за компјутерско сложување

Академскиот стандард за математичко и научно издаваштво, оптимизиран за прецизна дигитална композиција.

• 1 точка TeX = 1/72,27 од инч = 0,351 mm (одговара на старата англо-американска точка)
• Избран за да се зачува компатибилноста со пред-дигиталните академски публикации
• 1 пика TeX = 12 точки TeX (малку помала од пиката на PostScript)
• Користено од LaTeX, доминантниот систем за научно издаваштво
• Критично за: Академски трудови, математички текстови, списанија за физика

Типографија на Microsoft Word и Windows

Внатрешната мерна единица за процесори на текст, обезбедувајќи фино-зрнеста контрола за распоредот на дигиталните документи.

• 1 твип = 1/20 од точка = 1/1440 од инч = 0,0176 mm
• Име: „Дваесеттиот дел од точката“ — екстремно прецизно мерење
• Внатрешно се користи од: Microsoft Word, Excel, PowerPoint, Windows GDI
• Овозможува дробни големини на точки без математика со подвижна запирка
• 20 твипови = 1 точка, овозможувајќи прецизност од 0,05pt за професионално сложување

Стандард на American Type Founders од 1886 година

Пред-дигиталниот стандард за печатење на англиски јазик, малку поинаков од PostScript.

• 1 печатарска точка = 0,013837 инчи = 0,351 mm
• Еднакво на 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 mm)

American Type Founders го стандардизираат системот пика (1 pt = 1/72,27 од инч)

Доналд Кнут го создава системот на точки TeX за академско сложување

Adobe PostScript дефинира 1 pt = точно 1/72 од инч—глобално обединување

Apple LaserWriter го носи PostScript во десктоп издаваштвото

Форматот на фонтови TrueType ја стандардизира дигиталната типографија

CSS воведува веб типографија со мерења базирани на пиксели

iPhone воведува ретина екрани @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, со бројот на физички пиксели што зависи од генерацијата на екранот (не-ретина @1x, ретина @2x, супер-ретина @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 во зависност од хиерархијата и форматот
• Проред (leading): 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 точка 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 од инч наспроти 1/72 од инч на PostScript). Разликата е мала—само 0,37%—но е важна за академското издаваштво каде точното растојание е клучно за математичката нотација.

Печатење: минимум 300 DPI, 600 DPI за висок квалитет. Веб: Дизајнирајте на 96 DPI, обезбедете ресурси @2x за ретина. Мобилен: Дизајнирајте на @1x во логички единици (pt/dp), извезувајте @2x/@3x. Никогаш не дизајнирајте на 72 DPI освен ако не целите на стари екрани на Mac.

Стандардната големина на фонтот на прелистувачот е 16px (еквивалентно на 12pt на 96 DPI), избрана за оптимална читливост на типични растојанија на гледање (18-24 инчи). Сешто помало ја намалува читливоста, особено за постарите корисници. Секогаш користете 16px како ваша основа за релативно димензионирање.

Само ако работите со традиционално европско печатење, француски издавачи или историски репродукции. Точките Дидо (0,376 mm) се за 6,5% поголеми од точките на PostScript. Модерниот дигитален дизајн универзално ги користи точките на PostScript—Дидо е главно релевантен за класичната типографија и уметничките книги.