Absoliutus tipografijos vienetas, standartizuotas kaip 1/72 colio

Taškai matuoja šrifto dydį, tarpueilių tarpą (leading) ir kitus tipografijos matmenis. 12 pt šriftas reiškia, kad atstumas nuo žemiausios apatinės iškyšos iki aukščiausios viršutinės iškyšos yra 12 taškų (1/6 colio arba 4,23 mm). Taškų sistema suteikia nuo įrenginio nepriklausomus matavimus, kurie nuosekliai perteikiami įvairiose medijose.

Pavyzdys: 12 pt Times New Roman = 0,1667 colio aukščio = 4,23 mm. Profesionalus pagrindinis tekstas paprastai naudoja 10–12 pt, antraštės – 18–72 pt.

Skaitmeninis vienetas, vaizduojantis vieną tašką ekrane ar paveikslėlyje

Pikseliai yra nuo įrenginio priklausantys vienetai, kurie kinta priklausomai nuo ekrano tankio (DPI/PPI). Tas pats pikselių skaičius atrodo didesnis mažos raiškos ekranuose (72 PPI) ir mažesnis didelės raiškos „Retina“ ekranuose (220+ PPI). DPI/PPI santykių supratimas yra labai svarbus norint užtikrinti nuoseklią tipografiją įvairiuose įrenginiuose.

Pavyzdys: 16 px esant 96 DPI = 12 pt. Tie patys 16 px esant 300 DPI (spauda) = 3,84 pt. Konvertuodami pikselius visada nurodykite tikslinį DPI.

Tradicinis tipografijos vienetas, lygus 12 taškų arba 1/6 colio

Pikos matuoja stulpelių plotį, paraštes ir puslapio maketo matmenis tradiciniame spaudos dizaine. Darbalaukio leidybos programinė įranga, tokia kaip „InDesign“ ir „QuarkXPress“, pikas naudoja kaip numatytąjį matavimo vienetą. Viena pika yra lygi lygiai 12 taškų, todėl konvertavimas yra paprastas.

Pavyzdys: Standartinis laikraščio stulpelis gali būti 15 pikų pločio (2,5 colio arba 180 taškų). Žurnalų maketuose dažnai naudojami 30–40 pikų matai.

1450–1737

Spausdinimo preso atsiradimas sukėlė poreikį standartizuotiems matavimams, tačiau regioninės sistemos šimtmečius išliko nesuderinamos.

• 1450 m.: Gutenbergo spausdinimo presas sukelia poreikį standartizuotiems šrifto dydžiams
• 1500-ieji: Šrifto dydžiai pavadinami pagal Biblijos leidimus (Cicero, Augustin ir kt.)
• 1600-ieji: Kiekvienas Europos regionas sukuria savo taškų sistemą
• 1690-ieji: Prancūzų tipografas Fournier pasiūlo 12 dalių sistemą
• Ankstyvosios sistemos: Itin nenuoseklios, tarp regionų skyrėsi 0,01–0,02 mm

1737–1886

Prancūzų spaustuvininkas François-Ambroise Didot sukūrė pirmąjį tikrą standartą, kuris buvo priimtas visoje kontinentinėje Europoje ir iki šiol naudojamas Prancūzijoje bei Vokietijoje.

• 1737 m.: Fournier pasiūlo taškų sistemą, pagrįstą Prancūzijos karališkuoju coliu
• 1770 m.: François-Ambroise Didot patobulina sistemą – 1 Didot taškas = 0,376 mm
• 1785 m.: Cicero (12 Didot taškų) tampa standartiniu matu
• 1800-ieji: Didot sistema dominuoja kontinentinės Europos spaudoje
• Šiuolaikinė: Vis dar naudojama Prancūzijoje, Vokietijoje, Belgijoje tradicinei spaudai

1886–1984

Amerikiečių ir britų spaustuvininkai standartizavo pica sistemą, apibrėždami 1 tašką kaip 0,013837 colio (1/72,27 colio), ir taip dominavo anglų kalbos tipografijoje.

• 1886 m.: American Type Founders įsteigia pica sistemą: 1 pt = 0,013837"
• 1898 m.: Britai priima amerikiečių standartą, sukurdami anglo-amerikiečių vienybę
• 1930–1970 m.: Pica sistema dominuoja visoje anglų kalbos spaudoje
• Skirtumas: Anglo-amerikiečių taškas (0,351 mm) ir Didot (0,376 mm) – 7 % didesnis
• Poveikis: Reikėjo atskirų šrifto liejinių JAV/JK rinkoms, palyginti su Europos rinkomis

1984–dabar

Adobe PostScript standartas suvienijo pasaulinę tipografiją, apibrėždamas 1 tašką kaip lygiai 1/72 colio, taip užbaigdamas šimtmečius trukusį nesuderinamumą ir įgalindamas skaitmeninę tipografiją.

• 1984 m.: Adobe PostScript apibrėžia 1 pt = lygiai 1/72 colio (0,3528 mm)
• 1985 m.: Apple LaserWriter padaro PostScript stalinių leidybos sistemų standartu
• 1990-ieji: PostScript taškas tampa pasauliniu standartu, pakeisdamas regionines sistemas
• 2000-ieji: TrueType, OpenType priima PostScript matavimus
• Šiuolaikinė: PostScript taškas yra universalus standartas visam skaitmeniniam dizainui

Įsteigta 1770 m. François-Ambroise Didot

Kontinentinės Europos standartas, vis dar naudojamas Prancūzijoje, Vokietijoje ir Rytų Europos dalyse tradicinei spaudai.

• 1 Didot taškas = 0,376 mm (priešingai nei PostScript 0,353 mm) — 6,5 % didesnis
• 1 Cicero = 12 Didot taškų = 4,51 mm (palyginama su pica)
• Remiasi Prancūzijos karališkuoju coliu (27,07 mm), suteikiant metrinę paprastumą
• Vis dar teikiama pirmenybė Europos meno knygų ir klasikinėje spaudoje
• Šiuolaikinis naudojimas: Prancūzijos nacionalinė spaustuvė, vokiečių Fraktur tipografija

Sukurta 1978 m. Donaldo Knuth kompiuteriniam rinkimui

Akademinis standartas matematikos ir mokslo leidybai, optimizuotas tiksliai skaitmeninei kompozicijai.

• 1 TeX taškas = 1/72,27 colio = 0,351 mm (atitinka senąjį anglo-amerikiečių tašką)
• Pasirinktas siekiant išsaugoti suderinamumą su ikiskaitmeninėmis akademinėmis publikacijomis
• 1 TeX pika = 12 TeX taškų (šiek tiek mažesnė už PostScript pika)
• Naudojama LaTeX, dominuojančioje mokslinės leidybos sistemoje
• Svarbu: akademiniams straipsniams, matematikos tekstams, fizikos žurnalams

Microsoft Word ir Windows tipografija

Vidinė matavimo vienetas tekstų rengyklėms, suteikiantis smulkų valdymą skaitmeninių dokumentų maketavimui.

• 1 twip = 1/20 taško = 1/1440 colio = 0,0176 mm
• Pavadinimas: „Dvidešimtoji taško dalis“ — itin tikslus matavimas
• Vidinai naudojamas: Microsoft Word, Excel, PowerPoint, Windows GDI
• Leidžia naudoti trupmeninius taškų dydžius be slankiojo kablelio matematikos
• 20 twips = 1 taškas, leidžiantis 0,05 pt tikslumą profesionaliam rinkimui

1886 m. Amerikos šriftų liejyklų standartas

Ikiskaitmeninis standartas anglų kalbos spaudai, šiek tiek besiskiriantis nuo PostScript.

• 1 spaudos taškas = 0,013837 colio = 0,351 mm
• Lygus 1/72,27 colio (priešingai nei PostScript 1/72) — 0,4 % mažesnis
• Pika = 0,166 colio (priešingai nei PostScript 0,16667) — vos pastebimas skirtumas
• Dominavo 1886–1984 m. iki PostScript suvienodinimo
• Palikimo poveikis: Kai kurios tradicinės spaustuvės vis dar remiasi šia sistema

Žodis „šriftas“ kilęs iš prancūzų kalbos žodžio „fonte“, reiškiančio „lietas“ arba „išlydytas“ — tai nuoroda į išlydytą metalą, pilamą į formas, kad būtų sukurti atskiri metaliniai šrifto elementai tradicinėje aukštojoje spaudoje.

PostScript pasirinko 72 taškus colyje, nes 72 dalijasi iš 2, 3, 4, 6, 8, 9, 12, 18, 24 ir 36 — tai palengvina skaičiavimus. Be to, tai labai artima tradicinei pica sistemai (72,27 taško/colyje).

Bauer Bodoni kainuoja 89 900 JAV dolerių už visą šeimą — tai vienas brangiausių kada nors parduotų komercinių šriftų. Jo dizainas reikalavo metų darbo, kad būtų skaitmenizuotas iš originalių 1920-ųjų metalinių šrifto pavyzdžių.

Nepaisant dizainerių neapykantos, Comic Sans padidina disleksikų skaitymo greitį 10–15 % dėl netaisyklingų raidžių formų, kurios apsaugo nuo simbolių painiavos. Iš tikrųjų tai vertingas prieinamumo įrankis.

Simbolis „@“ turi skirtingus pavadinimus skirtingose kalbose: „sraigė“ (italų), „beždžionės uodega“ (olandų), „pelytė“ (kinų) ir „susukta marinuota silkė“ (čekų) — bet tai tas pats 24 pt simbolis.

Apple pasirinko 72 DPI originaliems Mac kompiuteriams, kad tiksliai atitiktų PostScript taškus (1 pikselis = 1 taškas), todėl 1984 m. pirmą kartą tapo įmanoma WYSIWYG stalinė leidyba. Tai sukėlė revoliuciją grafiniame dizaine.

Gutenbergas išranda spausdinimo presą—pirmasis poreikis šrifto matavimo standartams

François-Ambroise Didot sukuria Didot taškų sistemą (0,376 mm)

American Type Founders standartizuoja pica sistemą (1 pt = 1/72,27 colio)

Donaldas Knuthas sukuria TeX taškų sistemą akademiniam rinkimui

Adobe PostScript apibrėžia 1 pt = lygiai 1/72 colio—pasaulinis suvienodinimas

Apple LaserWriter atneša PostScript į stalinę leidybą

TrueType šrifto formatas standartizuoja skaitmeninę tipografiją

CSS įveda interneto tipografiją su pikseliais pagrįstais matavimais

iPhone įveda @2x retina ekranus—nuo tankio nepriklausomas dizainas

Android paleidžiamas su dp (nuo tankio nepriklausomais pikseliais)

Interneto šriftai (WOFF) įgalina individualizuotą tipografiją internete

Kintamųjų šriftų specifikacija—vienas failas, begalė stilių

96 DPI (96 pikseliai per colį)

Microsoft standartizavo 96 DPI Windows 95, sukurdama 4:3 santykį tarp pikselių ir taškų. Tai išlieka numatytasis daugumai asmeninių kompiuterių ekranų.

• 1 px esant 96 DPI = 0,75 pt (4 pikseliai = 3 taškai)
• 16px = 12pt — įprastas pagrindinio teksto dydžio konvertavimas
• Istorija: Pasirinktas kaip 1,5 karto didesnis už originalų 64 DPI CGA standartą
• Šiuolaikinė: Didelio DPI ekranai naudoja 125 %, 150 %, 200 % mastelį (120, 144, 192 DPI)
• Numatytasis internete: CSS numato 96 DPI visoms px į fizinius vienetus konversijoms

72 DPI (senesnis), 220 PPI (@2x Retina)

Apple originalus 72 DPI atitiko PostScript taškus 1:1. Šiuolaikiniai Retina ekranai naudoja @2x/@3x mastelį aiškiam vaizdavimui.

• Senesnis: 1 px esant 72 DPI = lygiai 1 pt (tobulas atitikimas)
• Retina @2x: 2 fiziniai pikseliai vienam taškui, 220 PPI efektyvus
• Retina @3x: 3 fiziniai pikseliai vienam taškui, 330 PPI (iPhone)
• Privalumas: Taškų dydžiai atitinka ekrane ir spaudos peržiūroje
• Realybė: Fizinis Retina yra 220 PPI, bet masteliuojamas, kad atrodytų kaip 110 PPI (2×)

160 DPI (nuo tankio nepriklausomas pikselis)

Android dp (nuo tankio nepriklausomų pikselių) sistema normalizuojama į 160 DPI bazinę liniją, su tankio kategorijomis skirtingiems ekranams.

• 1 dp esant 160 DPI = 0,45 pt (160 pikselių/colyje ÷ 72 taškai/colyje)
• Tankio kategorijos: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
• Formulė: fiziniai pikseliai = dp × (ekrano DPI / 160)
• 16sp (nuo mastelio nepriklausomas pikselis) = rekomenduojamas minimalus teksto dydis
• Privalumas: Ta pati dp reikšmė fiziškai atrodo identiškai visuose Android įrenginiuose

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

iOS naudoja tašką kaip logišką vienetą, identišką PostScript taškams, o fizinių pikselių skaičius priklauso nuo ekrano kartos (ne-retina @1x, retina @2x, super-retina @3x).

• 1 iOS taškas esant @1x = 1,0 pt PostScript (72 DPI bazinė linija, kaip ir PostScript)
• Retina @2x: 2 fiziniai pikseliai vienam iOS taškui (144 DPI)
• Super Retina @3x: 3 fiziniai pikseliai vienam iOS taškui (216 DPI)
• Visi iOS dizainai naudoja taškus; sistema automatiškai tvarko pikselių tankį
• 17pt = minimalus rekomenduojamas pagrindinio teksto dydis (prieinamumas)

Spausdintuvo raiška — kiek rašalo taškų telpa viename colyje

DPI matuoja spausdintuvo išvesties raišką. Didesnis DPI sukuria sklandesnį tekstą ir vaizdus, padėdamas daugiau rašalo taškų per colį.

• 300 DPI: Standartas profesionaliai spaudai (žurnalai, knygos)
• 600 DPI: Aukštos kokybės lazerinis spausdinimas (verslo dokumentai)
• 1200-2400 DPI: Profesionalus nuotraukų spausdinimas ir dailės reprodukcija
• 72 DPI: Tik ekrano peržiūrai — nepriimtina spaudai (atrodo dantyta)
• 150 DPI: Juodraštinis spausdinimas arba didelio formato plakatai (žiūrimi iš toli)

Ekrano raiška — kiek pikselių telpa viename colyje ekrano

PPI matuoja ekrano tankį. Didesnis PPI sukuria aštresnį ekrano tekstą, sutalpindamas daugiau pikselių toje pačioje fizinėje erdvėje.

• 72 PPI: Originalūs Mac ekranai (1 pikselis = 1 taškas)
• 96 PPI: Standartiniai Windows ekranai (1,33 pikselio vienam taškui)
• 110-120 PPI: Nebrangūs nešiojamųjų/stalinių kompiuterių monitoriai
• 220 PPI: MacBook Retina, iPad Pro (2× pikselių tankis)
• 326-458 PPI: iPhone Retina/Super Retina (3× pikselių tankis)
• 400-600 PPI: Aukštos klasės Android telefonai (Samsung, Google Pixel)

Spauda naudoja absoliučius vienetus (taškus, pikas), nes fizinis išvesties dydis turi būti tikslus ir nepriklausomas nuo įrenginio.

• Pagrindinis tekstas: 10–12 pt knygoms, 9–11 pt žurnalams
• Antraštės: 18–72 pt priklausomai nuo hierarchijos ir formato
• Tarpueilių tarpas (leading): 120 % šrifto dydžio (12 pt tekstas = 14,4 pt tarpueilių tarpas)
• Matuokite absoliučius matmenis pikomis: „Stulpelio plotis: 25 pikos“
• Profesionaliai spaudai visada projektuokite 300 DPI raiška
• Niekada nenaudokite pikselių spaudai — konvertuokite juos į taškus/pikas/colius

Interneto tipografija naudoja pikselius ir santykinius vienetus, nes ekranai skiriasi dydžiu ir tankiu.

• Pagrindinis tekstas: 16 px numatytasis (naršyklės standartas) = 12 pt esant 96 DPI
• Niekada nenaudokite absoliučių taškų CSS — naršyklės juos atvaizduoja nenuspėjamai
• Reaguojantis dizainas: naudokite rem (priklausomai nuo šakninio šrifto) mastelio keitimui
• Minimalus tekstas: 14 px pagrindiniam tekstui, 12 px antraštėms (prieinamumas)
• Eilutės aukštis: 1.5 (be vieneto) pagrindinio teksto skaitomumui
• Medijos užklausos: projektuokite nuo 320 px (mobilusis) iki 1920 px+ (stalinis kompiuteris)

Mobiliosios platformos naudoja nuo tankio nepriklausomus vienetus (dp/pt), kad užtikrintų nuoseklų fizinį dydį skirtinguose ekrano tankiuose.

• iOS: Projektuokite taškais (pt), sistema automatiškai keičia mastelį į @2x/@3x
• Android: Naudokite dp (nuo tankio nepriklausomus pikselius) maketams, sp tekstui
• Minimalus lietimo taikinys: 44 pt (iOS) arba 48 dp (Android) prieinamumui
• Pagrindinis tekstas: mažiausiai 16 sp (Android) arba 17 pt (iOS)
• Niekada nenaudokite fizinių pikselių — visada naudokite loginius vienetus (dp/pt)
• Testuokite su keliais tankiais: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi

Akademinė leidyba naudoja TeX taškus matematiniam tikslumui ir suderinamumui su nusistovėjusia literatūra.

• LaTeX naudoja TeX taškus (72,27 colyje) dėl senesnės suderinamumo
• Standartinis žurnalas: 10 pt Computer Modern šriftas
• Dviejų stulpelių formatas: 3,33 colio (240 pt) stulpeliai su 0,25 colio (18 pt) tarpu
• Lygtys: Tikslus taškų dydis yra labai svarbus matematinei notacijai
• Konvertuokite atsargiai: 1 TeX pt = 0,9963 PostScript pt
• PDF išvestis: TeX automatiškai tvarko taškų sistemos konversijas

• Visada dirbkite taškais arba pikomis — niekada pikseliais spaudai
• Nustatykite dokumentus tikruoju dydžiu (300 DPI) nuo pat pradžių
• Naudokite 10–12 pt pagrindiniam tekstui; bet kas mažesnis sumažina skaitomumą
• Tarpueilių tarpas turėtų būti 120–145 % šrifto dydžio, kad būtų patogu skaityti
• Paraštės: Mažiausiai 0,5 colio (36 pt) įrišimui ir tvarkymui
• Prieš siųsdami į komercinę spaustuvę, atlikite bandomąjį spausdinimą tikruoju dydžiu

• Naudokite rem šrifto dydžiams — tai leidžia vartotojui keisti mastelį nepažeidžiant maketo
• Nustatykite šakninį šriftą 16 px (naršyklės numatytasis) — niekada mažesnį
• Naudokite be vienetų eilutės aukščio reikšmes (1.5), o ne fiksuotus aukščius
• Niekada nenaudokite absoliučių taškų dydžių CSS — nenuspėjamas atvaizdavimas
• Testuokite tikruose įrenginiuose, ne tik keisdami naršyklės dydį — DPI yra svarbu
• Minimalus šrifto dydis: 14 px pagrindiniam tekstui, 12 px antraštėms, 44 px lietimo taikiniams

• iOS: Projektuokite @1x, automatiškai eksportuokite @2x ir @3x išteklius
• Android: Projektuokite dp, testuokite mdpi/hdpi/xhdpi/xxhdpi
• Minimalus tekstas: 17 pt (iOS) arba 16 sp (Android) prieinamumui
• Lietimo taikiniai: mažiausiai 44 pt (iOS) arba 48 dp (Android)
• Testuokite fiziniuose įrenginiuose — simuliatoriai nerodo tikrojo tankio
• Kai įmanoma, naudokite sistemos šriftus — jie optimizuoti platformai

• Minimalus pagrindinis tekstas: 16 px (internetas), 17 pt (iOS), 16 sp (Android)
• Didelis kontrastas: 4.5:1 pagrindiniam tekstui, 3:1 dideliam tekstui (18 pt+)
• Palaikykite vartotojo mastelio keitimą: naudokite santykinius vienetus, o ne fiksuotus dydžius
• Eilutės ilgis: 45–75 simboliai eilutėje optimaliam skaitomumui
• Eilutės aukštis: mažiausiai 1,5 karto šrifto dydžio disleksijos prieinamumui
• Testuokite su ekrano skaitytuvais ir 200 % masteliu

Photoshop numato 72 PPI ekrano peržiūrai, o Word naudoja 96 DPI (Windows) maketavimui. 12 pt šriftas Photoshop programoje atrodo 33 % didesnis ekrane nei Word, nors abu spausdinami identiško dydžio. Nustatykite Photoshop į 300 PPI spaudos darbams, kad matytumėte tikslų dydį.

Visada pikseliais (arba santykiniais vienetais, pvz., rem/em) internetui. Taškai yra absoliutūs fiziniai vienetai, kurie nenuosekliai atvaizduojami skirtingose naršyklėse ir įrenginiuose. 12 pt gali būti 16 px viename įrenginyje ir 20 px kitame. Naudokite px/rem nuspėjamai interneto tipografijai.

pt = absoliutus fizinis (1/72 colio), px = ekrano pikselis (kinta priklausomai nuo DPI), dp = nuo tankio nepriklausomas Android (normalizuotas iki 160 DPI). Naudokite pt spaudai, px internetui, dp Android, o loginį pt iOS. Kiekviena sistema optimizuota savo platformai.

Programos interpretuoja taškus skirtingai, priklausomai nuo jų DPI prielaidos. Word naudoja 96 DPI, Photoshop numatytasis yra 72 PPI, InDesign naudoja tikrąją įrenginio raišką. 12 pt visada yra 1/6 colio spausdinant, bet dėl DPI nustatymų ekrane atrodo skirtingo dydžio.

Padauginkite TeX taškus iš 0,9963, kad gautumėte PostScript taškus (1 TeX pt = 1/72,27 colio, o PostScript = 1/72 colio). Skirtumas yra mažas — tik 0,37 % — bet svarbus akademinei leidybai, kur tikslus tarpas yra labai svarbus matematinei notacijai.

Spauda: mažiausiai 300 DPI, aukštai kokybei – 600 DPI. Internetas: projektuokite 96 DPI, pateikite @2x išteklius retina ekranams. Mobilusis: projektuokite @1x loginiais vienetais (pt/dp), eksportuokite @2x/@3x. Niekada neprojektuokite 72 DPI, nebent jūsų tikslas yra senesni Mac ekranai.

Naršyklės numatytasis šrifto dydis yra 16 px (atitinka 12 pt esant 96 DPI), pasirinktas optimaliam skaitomumui įprastu atstumu (18–24 coliai). Bet kas mažesnis sumažina skaitomumą, ypač vyresniems vartotojams. Visada naudokite 16 px kaip pagrindą santykiniam dydžiui.

Tik jei dirbate su tradicine Europos spauda, Prancūzijos leidėjais ar istorinėmis reprodukcijomis. Didot taškai (0,376 mm) yra 6,5 % didesni nei PostScript taškai. Šiuolaikinis skaitmeninis dizainas visuotinai naudoja PostScript taškus — Didot yra svarbus daugiausia klasikinei tipografijai ir meno knygoms.