Tüpograafia absoluutne ühik, standardiseeritud kui 1/72 tolli

Punktid mõõdavad kirja suurust, reavahet (leading) ja muid tüpograafilisi mõõtmeid. 12-punktine kiri tähendab, et kaugus madalaimast allapikendusest kõrgeima ülapikenduseni on 12 punkti (1/6 tolli ehk 4,23 mm). Punktisüsteem pakub seadmest sõltumatuid mõõtmisi, mis kanduvad järjepidevalt üle erinevates meediumites.

Näide: 12pt Times New Roman = 0,1667 tolli kõrge = 4,23 mm. Professionaalne põhitekst kasutab tavaliselt 10-12pt, pealkirjad 18-72pt.

Digitaalne ühik, mis tähistab ühte punkti ekraanil või pildil

Pikslid on seadmest sõltuvad ühikud, mis varieeruvad vastavalt ekraani tihedusele (DPI/PPI). Sama pikslite arv paistab suurem madala eraldusvõimega ekraanidel (72 PPI) ja väiksem kõrge eraldusvõimega retina-ekraanidel (220+ PPI). DPI/PPI suhete mõistmine on ülioluline järjepideva tüpograafia saavutamiseks erinevates seadmetes.

Näide: 16px @ 96 DPI = 12pt. Sama 16px @ 300 DPI (trükk) = 3,84pt. Pikslite teisendamisel määrake alati siht-DPI.

Traditsiooniline tüpograafiline ühik, mis võrdub 12 punkti või 1/6 tolliga

Pica mõõdab veergude laiust, veeriseid ja lehekülje paigutuse mõõtmeid traditsioonilises trükidisainis. Küljendustarkvara nagu InDesign ja QuarkXPress kasutavad vaikimisi mõõtühikuna pica't. Üks pica võrdub täpselt 12 punktiga, mis teeb teisendused lihtsaks.

Näide: Standardne ajaleheveerg võib olla 15 pica lai (2,5 tolli ehk 180 punkti). Ajakirjade küljendustes kasutatakse sageli 30-40 pica mõõtmeid.

1450–1737

Trükikunsti sünd tekitas vajaduse standardiseeritud mõõtmete järele, kuid piirkondlikud süsteemid jäid sajanditeks ühildumatuks.

• 1450: Gutenbergi trükipress tekitab vajaduse standardiseeritud trükitüüpide suuruste järele
• 1500ndad: Trükitüüpide suurused nimetatakse piibliväljaannete järgi (Cicero, Augustin jne)
• 1600ndad: Iga Euroopa piirkond arendab välja oma punktisüsteemi
• 1690ndad: Prantsuse tüpograaf Fournier teeb ettepaneku 12-osalise süsteemi kohta
• Varajased süsteemid: Äärmiselt ebajärjekindlad, erinedes piirkonniti 0,01-0,02 mm

1737–1886

Prantsuse trükkal François-Ambroise Didot lõi esimese tõelise standardi, mis võeti kasutusele kogu Mandri-Euroopas ja mida kasutatakse tänaseni Prantsusmaal ja Saksamaal.

• 1737: Fournier teeb ettepaneku punktisüsteemi kohta, mis põhineb Prantsuse kuninglikul tollil
• 1770: François-Ambroise Didot täiustab süsteemi — 1 Didot' punkt = 0,376 mm
• 1785: Cicero (12 Didot' punkti) muutub standardmõõduks
• 1800ndad: Didot' süsteem domineerib Mandri-Euroopa trükikunstis
• Tänapäev: Kasutatakse endiselt Prantsusmaal, Saksamaal, Belgias traditsioonilises trükis

1886–1984

Ameerika ja Briti trükkalid standardiseerisid pica-süsteemi, defineerides 1 punkti kui 0,013837 tolli (1/72,27 tolli), domineerides ingliskeelses tüpograafias.

• 1886: American Type Founders kehtestab pica-süsteemi: 1 pt = 0,013837"
• 1898: Britid võtavad üle Ameerika standardi, luues Inglise-Ameerika ühtsuse
• 1930ndad-1970ndad: Pica-süsteem domineerib kogu ingliskeelses trükis
• Erinevus: Inglise-Ameerika punkt (0,351 mm) vs. Didot (0,376 mm) — 7% suurem
• Mõju: Nõudis eraldi trükitüüpide valamist USA/UK turgudele võrreldes Euroopa turgudega

1984–praeguseni

Adobe PostScripti standard ühendas globaalse tüpograafia, defineerides 1 punkti kui täpselt 1/72 tolli, lõpetades sajanditepikkuse ühildumatuse ja võimaldades digitaalset tüpograafiat.

• 1984: Adobe PostScript defineerib 1 pt = täpselt 1/72 tolli (0,3528 mm)
• 1985: Apple LaserWriter teeb PostScriptist laiatarbekasutuse standardi
• 1990ndad: PostScripti punkt muutub globaalseks standardiks, asendades piirkondlikud süsteemid
• 2000ndad: TrueType, OpenType võtavad üle PostScripti mõõtmed
• Tänapäev: PostScripti punkt on universaalne standard kogu digitaalse disaini jaoks

Loodud 1770. aastal François-Ambroise Didot' poolt

Mandri-Euroopa standard, mida kasutatakse endiselt Prantsusmaal, Saksamaal ja osades Ida-Euroopa riikides traditsioonilises trükis.

• 1 Didot' punkt = 0,376 mm (vs. PostScript 0,353 mm) — 6,5% suurem
• 1 Cicero = 12 Didot' punkti = 4,51 mm (võrreldav pica'ga)
• Põhineb Prantsuse kuninglikul tollil (27,07 mm), pakkudes meetermõõdustikulaadset lihtsust
• Eelistatakse endiselt Euroopa kunstiraamatute ja klassikalise trüki puhul
• Tänapäevane kasutus: Prantsuse Imprimerie nationale, saksa Frakturi tüpograafia

Loodud 1978. aastal Donald Knuthi poolt arvutipõhiseks ladumiseks

Akadeemiline standard matemaatiliste ja teaduslike publikatsioonide jaoks, optimeeritud täpseks digitaalseks kompositsiooniks.

• 1 TeX-i punkt = 1/72,27 tolli = 0,351 mm (vastab vanale Inglise-Ameerika punktile)
• Valitud ühilduvuse säilitamiseks eeldigitaalsete akadeemiliste publikatsioonidega
• 1 TeX-i pica = 12 TeX-i punkti (veidi väiksem kui PostScripti pica)
• Kasutab LaTeX, domineeriv teadusliku publitseerimise süsteem
• Kriitilise tähtsusega: akadeemilised artiklid, matemaatilised tekstid, füüsikaajakirjad

Microsoft Wordi ja Windowsi tüpograafia

Sisemine mõõtühik tekstitöötlusprogrammidele, pakkudes peeneteralist kontrolli digitaalsete dokumentide paigutuse üle.

• 1 twip = 1/20 punkti = 1/1440 tolli = 0,0176 mm
• Nimi: 'Kahekümnendik punktist' — äärmiselt täpne mõõtühik
• Kasutatakse sisemiselt: Microsoft Word, Excel, PowerPoint, Windows GDI
• Võimaldab murdarvulisi punkti suurusi ilma ujukomaarvudeta
• 20 twippi = 1 punkt, võimaldades 0,05pt täpsust professionaalseks ladumiseks

1886. aasta American Type Founders'i standard

Eeldigitaalne standard ingliskeelse trüki jaoks, mis erineb veidi PostScriptist.

• 1 trükkali punkt = 0,013837 tolli = 0,351 mm
• Võrdub 1/72,27 tolliga (vs. PostScript 1/72) — 0,4% väiksem
• Pica = 0,166 tolli (vs. PostScript 0,16667) — vaevu tajutav erinevus
• Domineeris aastatel 1886-1984 enne PostScripti ühtlustamist
• Pärandi mõju: Mõned traditsioonilised trükikojad viitavad endiselt sellele süsteemile

Sõna 'font' pärineb prantsuse keelest 'fonte', mis tähendab 'valatud' või 'sulatatud'—viidates sulametallile, mida valati vormidesse, et luua traditsioonilises kõrgtrükis üksikuid metallist trükitüüpe.

PostScript valis 72 punkti tolli kohta, sest 72 on jagatav 2, 3, 4, 6, 8, 9, 12, 18, 24 ja 36-ga—mis teeb arvutused lihtsamaks. See vastas ka väga täpselt traditsioonilisele pica-süsteemile (72,27 punkti/tolli kohta).

Bauer Bodoni maksab terve pere eest 89 900 dollarit—üks kalleimaid kommertsfonte, mis kunagi müüdud. Selle disain nõudis aastaid tööd, et digiteerida see algsetest 1920. aastate metallist trükitüüpide näidistest.

Hoolimata disainerite vihkamisest suurendab Comic Sans düslektikute lugemiskiirust 10-15% tänu ebaregulaarsetele tähekujudele, mis hoiavad ära märkide segiajamise. See on tegelikult väärtuslik ligipääsetavuse tööriist.

Sümbolil '@' on erinevates keeltes erinevad nimed: 'tigu' (itaalia), 'ahvisaba' (hollandi), 'hiireke' (hiina) ja 'marineeritud heeringarull' (tšehhi)—kuid see on sama 24-punktine märk.

Apple valis algsete Macide jaoks 72 DPI, et see vastaks täpselt PostScripti punktidele (1 piksel = 1 punkt), mis tegi WYSIWYG laiatarbekasutuse esmakordselt võimalikuks 1984. aastal. See revolutsioneeris graafilist disaini.

Gutenberg leiutab trükikunsti—esimene vajadus trükitüüpide mõõtmisstandardite järele

François-Ambroise Didot loob Didot' punktisüsteemi (0,376 mm)

American Type Founders standardiseerib pica-süsteemi (1 pt = 1/72,27 tolli)

Donald Knuth loob TeX-i punktisüsteemi akadeemiliseks ladumiseks

Adobe PostScript defineerib 1 pt = täpselt 1/72 tolli—globaalne ühtlustamine

Apple LaserWriter toob PostScripti laiatarbekasutusse

TrueType'i fondiformaat standardiseerib digitaalse tüpograafia

CSS toob sisse veebitüpograafia pikslipõhiste mõõtmetega

iPhone esitleb @2x retina-ekraane—tihedusest sõltumatu disain

Android tuuakse turule dp-ga (tihedusest sõltumatud pikslid)

Veebifondid (WOFF) võimaldavad kohandatud tüpograafiat veebis

Muutuvate fontide spetsifikatsioon—üks fail, lõputult stiile

96 DPI (96 pikslit tolli kohta)

Microsoft standardiseeris 96 DPI Windows 95-s, luues 4:3 suhte pikslite ja punktide vahel. See on endiselt enamiku PC-ekraanide vaikeväärtus.

• 1 px 96 DPI juures = 0,75 pt (4 pikslit = 3 punkti)
• 16px = 12pt — levinud põhiteksti suuruse teisendus
• Ajalugu: Valitud kui 1,5× algsest 64 DPI CGA standardist
• Tänapäev: Kõrge DPI-ga ekraanid kasutavad 125%, 150%, 200% skaleerimist (120, 144, 192 DPI)
• Veebi vaikeväärtus: CSS eeldab 96 DPI-d kõigi px-st füüsiliseks teisenduste jaoks

72 DPI (pärand), 220 PPI (@2x Retina)

Apple'i algne 72 DPI vastas PostScripti punktidele 1:1. Tänapäevased Retina-ekraanid kasutavad terava renderdamise jaoks @2x/@3x skaleerimist.

• Pärand: 1 px 72 DPI juures = täpselt 1 pt (täiuslik vastavus)
• Retina @2x: 2 füüsilist pikslit punkti kohta, efektiivne 220 PPI
• Retina @3x: 3 füüsilist pikslit punkti kohta, 330 PPI (iPhone)
• Eelis: Punkti suurused vastavad ekraanil ja trüki eelvaates
• Tegelikkus: Füüsiline Retina on 220 PPI, kuid skaleeritakse, et paista 110 PPI (2×)

160 DPI (tihedusest sõltumatu piksel)

Androidi dp-süsteem (tihedusest sõltumatud pikslid) normaliseerub 160 DPI baasjoonele, erinevate ekraanide jaoks on tiheduskategooriad.

• 1 dp 160 DPI juures = 0,45 pt (160 pikslit/tolli kohta ÷ 72 punkti/tolli kohta)
• Tiheduskategooriad: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
• Valem: füüsilised pikslid = dp × (ekraani DPI / 160)
• 16sp (skaalast sõltumatu piksel) = soovitatav minimaalne teksti suurus
• Eelis: Sama dp väärtus paistab füüsiliselt identne kõigis Android-seadmetes

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

iOS kasutab punkti kui loogilist ühikut, mis on identne PostScripti punktidega, kusjuures füüsiliste pikslite arv sõltub ekraani generatsioonist (mitte-retina @1x, retina @2x, super-retina @3x).

• 1 iOS-i punkt @1x = 1,0 PostScripti pt (72 DPI baasjoon, sama mis PostScript)
• Retina @2x: 2 füüsilist pikslit iOS-i punkti kohta (144 DPI)
• Super Retina @3x: 3 füüsilist pikslit iOS-i punkti kohta (216 DPI)
• Kõik iOS-i disainid kasutavad punkte; süsteem haldab pikslitihedust automaatselt
• 17pt = minimaalne soovitatav põhiteksti suurus (ligipääsetavus)

Printeri eraldusvõime — mitu tindipunkti mahub ühte tolli

DPI mõõdab printeri väljundi eraldusvõimet. Kõrgem DPI annab sujuvama teksti ja pildid, paigutades rohkem tindipunkte tolli kohta.

• 300 DPI: Standard professionaalseks trükiks (ajakirjad, raamatud)
• 600 DPI: Kvaliteetne laserprintimine (äridokumendid)
• 1200-2400 DPI: Professionaalne fotoprintimine ja kunstireproduktsioon
• 72 DPI: Ainult ekraani eelvaateks — trükiks vastuvõetamatu (näeb sakiline välja)
• 150 DPI: Mustanditrükk või suureformaadilised plakatid (vaadeldavad kaugelt)

Ekraani eraldusvõime — mitu pikslit mahub ühte tolli ekraanist

PPI mõõdab ekraani tihedust. Kõrgem PPI loob teravama ekraaniteksti, pakkides rohkem piksleid samale füüsilisele alale.

• 72 PPI: Algupärased Maci ekraanid (1 piksel = 1 punkt)
• 96 PPI: Standardsed Windowsi ekraanid (1,33 pikslit punkti kohta)
• 110-120 PPI: Soodsad sülearvuti/lauaarvuti monitorid
• 220 PPI: MacBook Retina, iPad Pro (2× pikslitihedus)
• 326-458 PPI: iPhone Retina/Super Retina (3× pikslitihedus)
• 400-600 PPI: Tipptasemel Android-telefonid (Samsung, Google Pixel)

Trükk kasutab absoluutseid ühikuid (punktid, pica), sest füüsilise väljundi suurus peab olema täpne ja seadmest sõltumatu.

• Põhitekst: 10-12pt raamatute jaoks, 9-11pt ajakirjade jaoks
• Pealkirjad: 18-72pt sõltuvalt hierarhiast ja formaadist
• Reavahe (leading): 120% kirja suurusest (12pt tekst = 14,4pt reavahe)
• Mõõtke absoluutseid mõõtmeid pica'des: 'Veeru laius: 25 pica'
• Disainige alati 300 DPI-ga professionaalseks trükiks
• Ärge kunagi kasutage trükkimiseks piksleid — teisendage need punktideks/pica'deks/tollideks

Veebitüpograafia kasutab piksleid ja suhtelisi ühikuid, sest ekraanid erinevad suuruse ja tiheduse poolest.

• Põhitekst: 16px vaikimisi (brauseri standard) = 12pt 96 DPI juures
• Ärge kunagi kasutage CSS-is absoluutseid punkte — brauserid renderdavad neid ettearvamatult
• Responsiivne disain: kasutage skaleeritavuse tagamiseks rem'i (suhtes juurelemendi kirjaga)
• Minimaalne tekst: 14px põhitekst, 12px pildiallkirjad (ligipääsetavus)
• Reavahe: 1.5 (ühikuta) põhiteksti loetavuse tagamiseks
• Meediapäringud: disainige 320px (mobiil) kuni 1920px+ (töölaud)

Mobiiliplatvormid kasutavad tihedusest sõltumatuid ühikuid (dp/pt), et tagada ühtlane füüsiline suurus erinevate ekraanitiheduste korral.

• iOS: Disainige punktides (pt), süsteem skaleerib automaatselt @2x/@3x
• Android: Kasutage paigutuste jaoks dp-d (tihedusest sõltumatud pikslid), teksti jaoks sp-d
• Minimaalne puuteala: 44pt (iOS) või 48dp (Android) ligipääsetavuse tagamiseks
• Põhitekst: minimaalselt 16sp (Android) või 17pt (iOS)
• Ärge kunagi kasutage füüsilisi piksleid — kasutage alati loogilisi ühikuid (dp/pt)
• Testige mitmel tihedusel: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi

Akadeemiline kirjastamine kasutab TeX-i punkte matemaatilise täpsuse ja ühilduvuse tagamiseks olemasoleva kirjandusega.

• LaTeX kasutab pärandühilduvuse tagamiseks TeX-i punkte (72,27 tolli kohta)
• Standardne ajakiri: 10pt Computer Moderni kiri
• Kaheveeruline formaat: 3,33 tolli (240pt) laiused veerud 0,25 tolli (18pt) vahega
• Valemid: Täpne punkti suurus on matemaatilise notatsiooni jaoks kriitilise tähtsusega
• Teisendage hoolikalt: 1 TeX pt = 0,9963 PostScript pt
• PDF-väljund: TeX haldab punktisüsteemi teisendusi automaatselt

• Töötage alati punktides või pica'des — ärge kunagi kasutage trükkimiseks piksleid
• Seadistage dokumendid algusest peale tegelikus suuruses (300 DPI)
• Kasutage põhiteksti jaoks 10-12pt; kõik väiksem vähendab loetavust
• Reavahe peaks olema 120-145% kirja suurusest mugavaks lugemiseks
• Veerised: minimaalselt 0,5 tolli (36pt) köitmiseks ja käsitsemiseks
• Tehke enne kommertstrükikotta saatmist proovitrükk tegelikus suuruses

• Kasutage kirja suuruste jaoks rem-ühikuid — see võimaldab kasutajal suumida ilma paigutust lõhkumata
• Määrake juurelemendi kiri 16px (brauseri vaikeväärtus) — mitte kunagi väiksemaks
• Kasutage ühikuta reavahe väärtusi (1.5) fikseeritud kõrguste asemel
• Ärge kunagi kasutage CSS-is absoluutseid punkti suurusi — ettearvamatu renderdamine
• Testige reaalsetes seadmetes, mitte ainult brauseri suuruse muutmisega — DPI on oluline
• Minimaalne kirja suurus: 14px põhitekst, 12px pildiallkirjad, 44px puutealad

• iOS: Disainige @1x, eksportige automaatselt @2x ja @3x varad
• Android: Disainige dp-ühikutes, testige mdpi/hdpi/xhdpi/xxhdpi peal
• Minimaalne tekst: 17pt (iOS) või 16sp (Android) ligipääsetavuse tagamiseks
• Puutealad: minimaalselt 44pt (iOS) või 48dp (Android)
• Testige füüsilistes seadmetes — simulaatorid ei näita tegelikku tihedust
• Kasutage võimalusel süsteemifonte — need on platvormi jaoks optimeeritud

• Minimaalne põhitekst: 16px (veeb), 17pt (iOS), 16sp (Android)
• Kõrge kontrast: 4.5:1 põhiteksti jaoks, 3:1 suure teksti jaoks (18pt+)
• Toetage kasutaja skaleerimist: kasutage suhtelisi ühikuid, mitte fikseeritud suurusi
• Rea pikkus: 45-75 tähemärki rea kohta optimaalseks loetavuseks
• Reavahe: minimaalselt 1,5× kirja suurus düsleksia ligipääsetavuse tagamiseks
• Testige ekraanilugejatega ja 200% suumiga

Photoshop eeldab ekraanikuvaks 72 PPI-d, samas kui Word kasutab paigutuseks 96 DPI-d (Windows). 12-punktine kiri Photoshopis paistab ekraanil 33% suurem kui Wordis, kuigi mõlemad prinditakse identsetes suurustes. Seadistage Photoshop trükitööde jaoks 300 PPI-le, et näha täpset suurust.

Veebi jaoks alati pikslites (või suhtelistes ühikutes nagu rem/em). Punktid on absoluutsed füüsilised ühikud, mida renderdatakse brauserites ja seadmetes ebajärjekindlalt. 12pt võib olla ühes seadmes 16px ja teises 20px. Kasutage ettearvatava veebitüpograafia jaoks px/rem.

pt = absoluutne füüsiline (1/72 tolli), px = ekraanipiksel (varieerub DPI-ga), dp = Androidi tihedusest sõltumatu (normaliseeritud 160 DPI-le). Kasutage trükkimiseks pt, veebi jaoks px, Androidi jaoks dp, iOS-i jaoks loogilist pt. Iga süsteem on oma platvormi jaoks optimeeritud.

Rakendused tõlgendavad punkte erinevalt, tuginedes oma DPI eeldusele. Word kasutab 96 DPI-d, Photoshopi vaikimisi on 72 PPI, InDesign kasutab seadme tegelikku eraldusvõimet. 12pt on printimisel alati 1/6 tolli, kuid paistab ekraanil erineva suurusega DPI seadete tõttu.

Korrutage TeX-i punktid 0,9963-ga, et saada PostScripti punkte (1 TeX pt = 1/72,27 tolli vs. PostScript 1/72 tolli). Erinevus on väike—ainult 0,37%—kuid on oluline akadeemilises kirjastamises, kus täpne vahekaugus on matemaatilise notatsiooni jaoks kriitilise tähtsusega.

Trükk: minimaalselt 300 DPI, kõrge kvaliteedi jaoks 600 DPI. Veeb: Disainige 96 DPI juures, pakkuge retina jaoks @2x varasid. Mobiil: Disainige @1x loogilistes ühikutes (pt/dp), eksportige @2x/@3x. Ärge kunagi disainige 72 DPI juures, kui te ei sihi vanemaid Maci ekraane.

Brauseri vaike-kirjasuurus on 16px (vastab 12pt-le 96 DPI juures), mis on valitud optimaalseks loetavuseks tavalistel vaatamiskaugustel (18-24 tolli). Kõik väiksem vähendab loetavust, eriti vanemate kasutajate jaoks. Kasutage alati 16px-i oma suhtelise suuruse alusena.

Ainult siis, kui töötate traditsioonilise Euroopa trüki, prantsuse kirjastajate või ajalooliste reproduktsioonidega. Didot' punktid (0,376 mm) on 6,5% suuremad kui PostScripti punktid. Tänapäevane digitaalne disain kasutab universaalselt PostScripti punkte—Didot on peamiselt oluline klassikalise tüpograafia ja kunstiraamatute jaoks.