Typografie Converter
Van Gutenberg tot Retina: Typografische Eenheden Meesteren
Typografische eenheden vormen de basis van ontwerp op print-, web- en mobiele platforms. Van het traditionele puntensysteem dat in de 18e eeuw werd ingevoerd tot moderne op pixels gebaseerde metingen, is het begrijpen van deze eenheden essentieel voor ontwerpers, ontwikkelaars en iedereen die met tekst werkt. Deze uitgebreide gids behandelt meer dan 22 typografische eenheden, hun historische context, praktische toepassingen en conversietechnieken voor professioneel werk.
Fundamentele Concepten: Typografische Metingen Begrijpen
Punt (pt)
De absolute eenheid van typografie, gestandaardiseerd als 1/72 inch
Punten meten de lettergrootte, regelafstand (leading) en andere typografische afmetingen. Een lettertype van 12 pt betekent dat de afstand van de laagste staartletter tot de hoogste stokletter 12 punten is (1/6 inch of 4,23 mm). Het puntensysteem biedt apparaatonafhankelijke metingen die consistent worden vertaald over verschillende media.
Voorbeeld: 12pt Times New Roman = 0,1667 inch hoog = 4,23 mm. Professionele broodtekst gebruikt doorgaans 10-12 pt, koppen 18-72 pt.
Pixel (px)
De digitale eenheid die een enkele stip op een scherm of afbeelding voorstelt
Pixels zijn apparaatafhankelijke eenheden die variëren op basis van de schermdichtheid (DPI/PPI). Hetzelfde aantal pixels lijkt groter op schermen met een lage resolutie (72 PPI) en kleiner op schermen met een hoge resolutie (retina) (220+ PPI). Het begrijpen van de DPI/PPI-relaties is cruciaal voor een consistente typografie op alle apparaten.
Voorbeeld: 16px bij 96 DPI = 12pt. Dezelfde 16px bij 300 DPI (print) = 3,84pt. Geef altijd de doel-DPI op bij het converteren van pixels.
Pica (pc)
Traditionele typografische eenheid gelijk aan 12 punten of 1/6 inch
Pica's meten kolombreedtes, marges en paginalay-outafmetingen in traditioneel printontwerp. Desktop publishing-software zoals InDesign en QuarkXPress gebruiken pica's als de standaard meeteenheid. Eén pica is exact gelijk aan 12 punten, wat conversies eenvoudig maakt.
Voorbeeld: Een standaard krantenkolom kan 15 pica's breed zijn (2,5 inch of 180 punten). Tijdschriftlay-outs gebruiken vaak maten van 30-40 pica's.
- 1 punt (pt) = 1/72 inch = 0,3528 mm — absolute fysieke meting
- 1 pica (pc) = 12 punten = 1/6 inch — standaard voor lay-out en kolombreedte
- Pixels zijn apparaatafhankelijk: 96 DPI (Windows), 72 DPI (oudere Mac), 300 DPI (print)
- Het PostScript-punt (1984) verenigde eeuwenoude, incompatibele typografische systemen
- Digitale typografie gebruikt punten voor ontwerp, pixels voor implementatie
- DPI/PPI bepaalt de pixel-naar-punt-conversie: hogere DPI = kleinere fysieke grootte
Snelle Conversievoorbeelden
De Evolutie van Typografische Metingen
Middeleeuwen & Vroegmoderne Tijd (1450-1737)
1450–1737
De geboorte van de losse letter creëerde de behoefte aan gestandaardiseerde metingen, maar regionale systemen bleven eeuwenlang incompatibel.
- 1450: De drukpers van Gutenberg creëert de behoefte aan gestandaardiseerde lettergroottes
- 1500: Lettergroottes worden vernoemd naar bijbel-edities (Cicero, Augustin, enz.)
- 1600: Elke Europese regio ontwikkelt zijn eigen puntensysteem
- 1690: De Franse typograaf Fournier stelt een 12-delig systeem voor
- Vroege systemen: Zeer inconsistent, met verschillen van 0,01-0,02 mm tussen regio's
Het Didot-Systeem (1737-1886)
1737–1886
De Franse drukker François-Ambroise Didot creëerde de eerste echte standaard, die in heel continentaal Europa werd overgenomen en vandaag de dag nog steeds in Frankrijk en Duitsland wordt gebruikt.
- 1737: Fournier stelt een puntensysteem voor gebaseerd op de Franse koninklijke inch
- 1770: François-Ambroise Didot verfijnt het systeem — 1 Didot-punt = 0,376 mm
- 1785: De Cicero (12 Didot-punten) wordt de standaardmaat
- 1800: Het Didot-systeem domineert de continentale Europese drukkerijen
- Modern: Wordt nog steeds gebruikt in Frankrijk, Duitsland en België voor traditioneel drukwerk
Het Anglo-Amerikaanse Systeem (1886-1984)
1886–1984
Amerikaanse en Britse drukkers standaardiseerden het pica-systeem, waarbij 1 punt werd gedefinieerd als 0,013837 inch (1/72,27 inch), wat de Engelstalige typografie domineerde.
- 1886: American Type Founders vestigen het pica-systeem: 1 pt = 0,013837"
- 1898: De Britten nemen de Amerikaanse standaard over, waardoor een Anglo-Amerikaanse eenheid ontstaat
- 1930-1970: Het pica-systeem domineert alle Engelstalige drukkerijen
- Verschil: Anglo-Amerikaans punt (0,351 mm) versus Didot (0,376 mm) — 7% groter
- Impact: Vereiste afzonderlijke lettergietingen voor de Amerikaanse/Britse markten versus de Europese markten
De PostScript-Revolutie (1984-heden)
1984–heden
De PostScript-standaard van Adobe verenigde de wereldwijde typografie door 1 punt te definiëren als exact 1/72 inch, waardoor eeuwen van incompatibiliteit werden beëindigd en digitale typografie mogelijk werd.
- 1984: Adobe PostScript definieert 1 pt = exact 1/72 inch (0,3528 mm)
- 1985: De Apple LaserWriter maakt PostScript de standaard voor desktop publishing
- 1990: Het PostScript-punt wordt de wereldwijde standaard en vervangt regionale systemen
- 2000: TrueType en OpenType nemen de PostScript-metingen over
- Modern: Het PostScript-punt is de universele standaard voor alle digitale ontwerpen
Traditionele Typografische Systemen
Voordat PostScript in 1984 de metingen verenigde, bestonden er regionale typografische systemen naast elkaar, elk met unieke puntdefinities. Deze systemen blijven belangrijk voor historisch drukwerk en gespecialiseerde toepassingen.
Het Didot-Systeem (Frans/Europees)
Opgericht in 1770 door François-Ambroise Didot
De continentale Europese standaard, die nog steeds wordt gebruikt in Frankrijk, Duitsland en delen van Oost-Europa voor traditioneel drukwerk.
- 1 Didot-punt = 0,376 mm (versus PostScript 0,353 mm) — 6,5% groter
- 1 Cicero = 12 Didot-punten = 4,51 mm (vergelijkbaar met een pica)
- Gebaseerd op de Franse koninklijke inch (27,07 mm), wat een metrische eenvoud biedt
- Nog steeds de voorkeur in Europese kunstboeken en klassiek drukwerk
- Modern gebruik: Franse Imprimerie nationale, Duitse Fraktur-typografie
Het TeX-Systeem (Academisch)
Gemaakt in 1978 door Donald Knuth voor computerzetwerk
De academische standaard voor wiskundige en wetenschappelijke publicaties, geoptimaliseerd voor precieze digitale compositie.
- 1 TeX-punt = 1/72,27 inch = 0,351 mm (komt overeen met het oude Anglo-Amerikaanse punt)
- Gekozen om compatibiliteit met pre-digitale academische publicaties te behouden
- 1 TeX-pica = 12 TeX-punten (iets kleiner dan een PostScript-pica)
- Gebruikt door LaTeX, het dominante wetenschappelijke publicatiesysteem
- Cruciaal voor: Academische papers, wiskundige teksten, natuurkundige tijdschriften
Twip (Computersystemen)
Microsoft Word- en Windows-typografie
De interne meeteenheid voor tekstverwerkers, die fijnmazige controle biedt voor de lay-out van digitale documenten.
- 1 twip = 1/20 punt = 1/1440 inch = 0,0176 mm
- Naam: 'Twintigste van een Punt' — uiterst precieze meting
- Intern gebruikt door: Microsoft Word, Excel, PowerPoint, Windows GDI
- Maakt fractionele puntgroottes mogelijk zonder floating-point-wiskunde
- 20 twips = 1 punt, waardoor een precisie van 0,05pt mogelijk is voor professioneel zetwerk
De Amerikaanse Drukkerspunt
Standaard van de American Type Founders uit 1886
De pre-digitale standaard voor Engelstalig drukwerk, iets anders dan PostScript.
- 1 drukkerspunt = 0,013837 inch = 0,351 mm
- Gelijk aan 1/72,27 inch (versus PostScript 1/72) — 0,4% kleiner
- Pica = 0,166 inch (versus PostScript 0,16667) — een nauwelijks waarneembaar verschil
- Domineerde van 1886-1984 vóór de unificatie van PostScript
- Nalatenschap: Sommige traditionele drukkerijen verwijzen nog steeds naar dit systeem
Veelvoorkomende Typografische Groottes
| Gebruik | Punten | Pixels (96 DPI) | Opmerkingen |
|---|---|---|---|
| Kleine lettertjes / voetnoten | 8-9 pt | 11-12 px | Minimale leesbaarheid |
| Broodtekst (print) | 10-12 pt | 13-16 px | Boeken, tijdschriften |
| Broodtekst (web) | 12 pt | 16 px | Browserstandaard |
| Subkoppen | 14-18 pt | 19-24 px | Sectiekoppen |
| Koppen (H2-H3) | 18-24 pt | 24-32 px | Artikeltitels |
| Hoofdkoppen (H1) | 28-48 pt | 37-64 px | Pagina-/postertitels |
| Displaytype | 60-144 pt | 80-192 px | Posters, billboards |
| Minimaal aanraakdoel | 33 pt | 44 px | iOS-toegankelijkheid |
| Standaard kolombreedte | 180 pt (15 pc) | 240 px | Kranten |
| Standaard regelafstand | 14,4 pt (voor 12pt tekst) | 19,2 px | 120% regelafstand |
Fascinerende Typografiefeiten
Oorsprong van 'Font'
Het woord 'font' komt van het Franse 'fonte', wat 'gegoten' of 'gesmolten' betekent—verwijzend naar het gesmolten metaal dat in mallen werd gegoten om individuele metalen letters te maken in de traditionele boekdrukkunst.
Waarom 72 Punten?
PostScript koos voor 72 punten per inch omdat 72 deelbaar is door 2, 3, 4, 6, 8, 9, 12, 18, 24 en 36—wat berekeningen eenvoudiger maakt. Het kwam ook heel dicht in de buurt van het traditionele pica-systeem (72,27 punten/inch).
Duurste Lettertype
Bauer Bodoni kost $89.900 voor de volledige familie—een van de duurste commerciële lettertypen die ooit zijn verkocht. Het ontwerp ervan vergde jaren werk om te digitaliseren van originele metalen letterproeven uit de jaren 1920.
Psychologie van Comic Sans
Ondanks de haat van ontwerpers, verhoogt Comic Sans de leessnelheid voor dyslectische lezers met 10-15% vanwege de onregelmatige lettervormen die tekenverwarring voorkomen. Het is eigenlijk een waardevol toegankelijkheidshulpmiddel.
Universeel Symbool
Het '@'-symbool heeft verschillende namen in verschillende talen: 'slak' (Italiaans), 'apenstaart' (Nederlands), 'muisje' (Chinees), en 'rolmops' (Tsjechisch)—maar het is hetzelfde 24pt-teken.
Mac's 72 DPI-keuze
Apple koos 72 DPI voor de oorspronkelijke Macs om exact overeen te komen met PostScript-punten (1 pixel = 1 punt), waardoor WYSIWYG desktop publishing voor het eerst mogelijk werd in 1984. Dit zorgde voor een revolutie in grafisch ontwerp.
Tijdlijn van de Evolutie van Typografie
1450
Gutenberg vindt de losse letter uit—de eerste behoefte aan standaarden voor lettermeting
1737
François-Ambroise Didot creëert het Didot-puntensysteem (0,376 mm)
1886
American Type Founders standaardiseert het pica-systeem (1 pt = 1/72,27 inch)
1978
Donald Knuth creëert het TeX-puntensysteem voor academisch zetwerk
1984
Adobe PostScript definieert 1 pt = exact 1/72 inch—wereldwijde unificatie
1985
De Apple LaserWriter brengt PostScript naar desktop publishing
1991
Het TrueType-lettertypeformaat standaardiseert digitale typografie
1996
CSS introduceert webtypografie met op pixels gebaseerde metingen
2007
De iPhone introduceert @2x retina-schermen—dichtheidsonafhankelijk ontwerp
2008
Android wordt gelanceerd met dp (dichtheidsonafhankelijke pixels)
2010
Webfonts (WOFF) maken aangepaste typografie online mogelijk
2014
Specificatie voor variabele lettertypen—één bestand, oneindig veel stijlen
Digitale Typografie: Schermen, DPI en Platformverschillen
Digitale typografie introduceert apparaatafhankelijke metingen waarbij dezelfde numerieke waarde verschillende fysieke groottes produceert op basis van de schermdichtheid. Het begrijpen van de platformconventies is cruciaal voor een consistent ontwerp.
Windows (96 DPI Standaard)
96 DPI (96 pixels per inch)
Microsoft standaardiseerde 96 DPI in Windows 95, waardoor een 4:3-verhouding ontstond tussen pixels en punten. Dit blijft de standaard voor de meeste pc-schermen.
- 1 px bij 96 DPI = 0,75 pt (4 pixels = 3 punten)
- 16px = 12pt — veelvoorkomende conversie van broodtekstgrootte
- Geschiedenis: Gekozen als 1,5× de oorspronkelijke 64 DPI CGA-standaard
- Modern: Schermen met een hoge DPI gebruiken 125%, 150%, 200% schaling (120, 144, 192 DPI)
- Webstandaard: CSS gaat uit van 96 DPI voor alle px-naar-fysieke conversies
macOS (72 DPI Legacy, 220 PPI Retina)
72 DPI (legacy), 220 PPI (@2x Retina)
Apple's oorspronkelijke 72 DPI kwam 1:1 overeen met PostScript-punten. Moderne Retina-schermen gebruiken @2x/@3x-schaling voor een scherpe weergave.
- Legacy: 1 px bij 72 DPI = exact 1 pt (perfecte overeenkomst)
- Retina @2x: 2 fysieke pixels per punt, 220 PPI effectief
- Retina @3x: 3 fysieke pixels per punt, 330 PPI (iPhone)
- Voordeel: Puntgroottes komen overeen op het scherm en in de afdrukvoorbeeld
- Realiteit: Fysieke Retina is 220 PPI maar wordt geschaald om eruit te zien als 110 PPI (2×)
Android (160 DPI Basislijn)
160 DPI (dichtheidsonafhankelijke pixel)
Android's dp (dichtheidsonafhankelijke pixel) systeem normaliseert naar een 160 DPI-basislijn, met dichtheidsbakken voor verschillende schermen.
- 1 dp bij 160 DPI = 0,45 pt (160 pixels/inch ÷ 72 punten/inch)
- Dichtheidsbakken: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
- Formule: fysieke pixels = dp × (scherm-DPI / 160)
- 16sp (schaalonafhankelijke pixel) = aanbevolen minimale tekstgrootte
- Voordeel: Dezelfde dp-waarde ziet er fysiek identiek uit op alle Android-apparaten
iOS (72 DPI @1x, 144+ DPI @2x/@3x)
72 DPI (@1x), 144 DPI (@2x), 216 DPI (@3x)
iOS gebruikt het punt als een logische eenheid die identiek is aan PostScript-punten, waarbij het aantal fysieke pixels afhangt van de schermgeneratie (niet-retina @1x, retina @2x, super-retina @3x).
- 1 iOS-punt bij @1x = 1,0 PostScript-punt (72 DPI-basislijn, hetzelfde als PostScript)
- Retina @2x: 2 fysieke pixels per iOS-punt (144 DPI)
- Super Retina @3x: 3 fysieke pixels per iOS-punt (216 DPI)
- Alle iOS-ontwerpen gebruiken punten; het systeem regelt automatisch de pixeldichtheid
- 17pt = minimaal aanbevolen broodtekstgrootte (toegankelijkheid)
DPI vs. PPI: Scherm- en Drukdichtheid Begrijpen
DPI (Dots Per Inch)
Printerresolutie — hoeveel inktpunten er in één inch passen
DPI meet de uitvoerresolutie van de printer. Een hogere DPI produceert gladdere tekst en afbeeldingen door meer inktpunten per inch te plaatsen.
- 300 DPI: Standaard voor professioneel drukwerk (tijdschriften, boeken)
- 600 DPI: Hoogwaardig laserdrukwerk (zakelijke documenten)
- 1200-2400 DPI: Professioneel fotodrukwerk en kunstreproductie
- 72 DPI: Alleen voor schermvoorbeeld — onacceptabel voor drukwerk (ziet er gekarteld uit)
- 150 DPI: Conceptdrukwerk of grootformaat posters (van een afstand bekeken)
PPI (Pixels Per Inch)
Schermresolutie — hoeveel pixels er in één inch van een scherm passen
PPI meet de schermdichtheid. Een hogere PPI creëert scherpere schermtekst door meer pixels in dezelfde fysieke ruimte te proppen.
- 72 PPI: Originele Mac-schermen (1 pixel = 1 punt)
- 96 PPI: Standaard Windows-schermen (1,33 pixels per punt)
- 110-120 PPI: Budget laptop-/desktopmonitoren
- 220 PPI: MacBook Retina, iPad Pro (2× pixeldichtheid)
- 326-458 PPI: iPhone Retina/Super Retina (3× pixeldichtheid)
- 400-600 PPI: High-end Android-telefoons (Samsung, Google Pixel)
DPI en PPI worden vaak door elkaar gebruikt, maar meten verschillende dingen. DPI is voor printers (inktpunten), PPI is voor schermen (lichtgevende pixels). Specificeer bij het ontwerpen altijd: 'Scherm op 96 PPI' of 'Druk op 300 DPI' — nooit alleen 'DPI', want dat is dubbelzinnig.
Praktische Toepassingen: De Juiste Eenheden Kiezen
Printontwerp
Print gebruikt absolute eenheden (punten, pica's) omdat de fysieke uitvoergrootte exact en apparaatonafhankelijk moet zijn.
- Broodtekst: 10-12pt voor boeken, 9-11pt voor tijdschriften
- Koppen: 18-72pt afhankelijk van hiërarchie en formaat
- Regelafstand (leading): 120% van de lettergrootte (12pt tekst = 14,4pt regelafstand)
- Meet absolute afmetingen in pica's: 'Kolombreedte: 25 pica's'
- Ontwerp altijd op 300 DPI voor professioneel drukwerk
- Gebruik nooit pixels voor drukwerk — converteer naar punten/pica's/inches
Webontwerp
Webtypografie gebruikt pixels en relatieve eenheden omdat schermen variëren in grootte en dichtheid.
- Broodtekst: 16px standaard (browserstandaard) = 12pt bij 96 DPI
- Gebruik nooit absolute puntgroottes in CSS — browsers renderen deze onvoorspelbaar
- Responsief ontwerp: Gebruik rem (relatief aan het hoofdlettertype) voor schaalbaarheid
- Minimale tekst: 14px voor broodtekst, 12px voor bijschriften (toegankelijkheid)
- Regelhoogte: 1,5 (zonder eenheid) voor de leesbaarheid van de broodtekst
- Mediaqueries: Ontwerp voor 320px (mobiel) tot 1920px+ (desktop)
Mobiele Apps
Mobiele platforms gebruiken dichtheidsonafhankelijke eenheden (dp/pt) om een consistente fysieke grootte te garanderen op verschillende schermdichtheden.
- iOS: Ontwerp in punten (pt), het systeem schaalt automatisch naar @2x/@3x
- Android: Gebruik dp (dichtheidsonafhankelijke pixels) voor lay-outs, sp voor tekst
- Minimaal aanraakdoel: 44pt (iOS) of 48dp (Android) voor toegankelijkheid
- Broodtekst: 16sp (Android) of 17pt (iOS) minimum
- Gebruik nooit fysieke pixels — gebruik altijd logische eenheden (dp/pt)
- Test op meerdere dichtheden: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi
Academisch & Wetenschappelijk
Academische publicaties gebruiken TeX-punten voor wiskundige precisie en compatibiliteit met gevestigde literatuur.
- LaTeX gebruikt TeX-punten (72,27 per inch) voor legacy-compatibiliteit
- Standaard tijdschrift: 10pt Computer Modern-lettertype
- Tweekoloms formaat: 3,33 inch (240pt) kolommen met een 0,25 inch (18pt) tussenruimte
- Vergelijkingen: Precieze puntgrootte is cruciaal voor wiskundige notatie
- Converteer zorgvuldig: 1 TeX pt = 0,9963 PostScript pt
- PDF-uitvoer: TeX regelt automatisch de conversies van het puntensysteem
Veelvoorkomende Conversies en Berekeningen
Snelle referentie voor dagelijkse typografische conversies:
Essentiële Conversies
| Van | Naar | Formule | Voorbeeld |
|---|---|---|---|
| Punten | Inches | pt ÷ 72 | 72pt = 1 inch |
| Punten | Millimeters | pt × 0,3528 | 12pt = 4,23 mm |
| Punten | Pica's | pt ÷ 12 | 72pt = 6 pica's |
| Pixels (96 DPI) | Punten | px × 0,75 | 16px = 12pt |
| Pixels (72 DPI) | Punten | px × 1 | 12px = 12pt |
| Pica's | Inches | pc ÷ 6 | 6pc = 1 inch |
| Inches | Punten | in × 72 | 2in = 144pt |
| Android dp | Punten | dp × 0,45 | 32dp = 14,4pt |
Volledige Referentie voor Eenheidsconversie
Alle typografische eenheden met precieze conversiefactoren. Basiseenheid: PostScript-Punt (pt)
Absolute (Fysieke) Eenheden
Base Unit: PostScript-Punt (pt)
| Unit | To Points | To Inches | Example |
|---|---|---|---|
| Punt (pt) | × 1 | ÷ 72 | 72 pt = 1 inch |
| Pica (pc) | × 12 | ÷ 6 | 6 pc = 1 inch = 72 pt |
| Inch (in) | × 72 | × 1 | 1 in = 72 pt = 6 pc |
| Millimeter (mm) | × 2,8346 | ÷ 25,4 | 25,4 mm = 1 in = 72 pt |
| Centimeter (cm) | × 28,346 | ÷ 2,54 | 2,54 cm = 1 in |
| Didot-Punt | × 1,07 | ÷ 67,6 | 67,6 Didot = 1 in |
| Cicero | × 12,84 | ÷ 5,6 | 1 cicero = 12 Didot |
| TeX-Punt | × 0,9963 | ÷ 72,27 | 72,27 TeX pt = 1 in |
Scherm-/Digitale Eenheden (DPI-afhankelijk)
Deze conversies zijn afhankelijk van de scherm-DPI (dots per inch). Standaardaannames: 96 DPI (Windows), 72 DPI (oudere Mac)
| Unit | To Points | Formula | Example |
|---|---|---|---|
| Pixel @ 96 DPI | × 0,75 | pt = px × 72/96 | 16 px = 12 pt |
| Pixel @ 72 DPI | × 1 | pt = px × 72/72 | 12 px = 12 pt |
| Pixel @ 300 DPI | × 0,24 | pt = px × 72/300 | 300 px = 72 pt = 1 in |
Mobiele Platformeenheden
Platformspecifieke logische eenheden die meeschalen met de dichtheid van het apparaat
| Unit | To Points | Formula | Example | |
|---|---|---|---|---|
| Android dp | × 0,45 | pt ≈ dp × 72/160 | 32 dp ≈ 14,4 pt | |
| iOS pt (@1x) | × 1,0 | PostScript pt = iOS pt (identiek) | 17 iOS pt = 17 PostScript pt | |
| iOS pt (@2x Retina) | 2 fysieke px per iOS pt | 2× pixels | 1 iOS pt = 2 schermpixels | |
| iOS pt (@3x) | 3 fysieke px per iOS pt | 3× pixels | 1 iOS pt = 3 schermpixels |
Verouderde & Gespecialiseerde Eenheden
| Unit | To Points | Formula | Example |
|---|---|---|---|
| Twip (1/20 pt) | ÷ 20 | pt = twip / 20 | 1440 twip = 72 pt = 1 in |
| Q (1/4 mm) | × 0,7087 | pt = Q × 0,25 × 2,8346 | 4 Q = 1 mm |
| PostScript Big Point | × 1,00375 | Exact 1/72 inch | 72 bp = 1,0027 in |
Essentiële Berekeningen
| Calculation | Formula | Example |
|---|---|---|
| DPI-naar-Punt-conversie | pt = (px × 72) / DPI | 16px @ 96 DPI = (16×72)/96 = 12 pt |
| Fysieke grootte van punten | inches = pt / 72 | 144 pt = 144/72 = 2 inches |
| Regelafstand (leading) | regelafstand = lettergrootte × 1,2 tot 1,45 | 12pt lettertype → 14,4-17,4pt regelafstand |
| Drukresolutie | benodigde pixels = (inches × DPI) voor breedte & hoogte | 8×10 in @ 300 DPI = 2400×3000 px |
Beste Praktijken voor Typografie
Printontwerp
- Werk altijd in punten of pica's — nooit in pixels voor drukwerk
- Stel documenten vanaf het begin in op ware grootte (300 DPI)
- Gebruik 10-12pt voor broodtekst; alles kleiner vermindert de leesbaarheid
- De regelafstand moet 120-145% van de lettergrootte zijn voor comfortabel lezen
- Marges: Minimaal 0,5 inch (36pt) voor inbinden en hanteren
- Druk een proefdruk op ware grootte af voordat u naar een commerciële drukker stuurt
Webontwikkeling
- Gebruik rem voor lettergroottes — stelt de gebruiker in staat te zoomen zonder de lay-out te breken
- Stel het hoofdlettertype in op 16px (browserstandaard) — nooit kleiner
- Gebruik eenheidsloze regelhoogtewaarden (1,5) in plaats van vaste hoogtes
- Gebruik nooit absolute puntgroottes in CSS — onvoorspelbare weergave
- Test op echte apparaten, niet alleen door de browsergrootte aan te passen — DPI is belangrijk
- Minimale lettergrootte: 14px broodtekst, 12px bijschriften, 44px aanraakdoelen
Mobiele Apps
- iOS: Ontwerp op @1x, exporteer @2x- en @3x-middelen automatisch
- Android: Ontwerp in dp, test op mdpi/hdpi/xhdpi/xxhdpi
- Minimale tekst: 17pt (iOS) of 16sp (Android) voor toegankelijkheid
- Aanraakdoelen: 44pt (iOS) of 48dp (Android) minimum
- Test op fysieke apparaten — simulatoren tonen niet de ware dichtheid
- Gebruik waar mogelijk systeemlettertypen — deze zijn geoptimaliseerd voor het platform
Toegankelijkheid
- Minimale broodtekst: 16px (web), 17pt (iOS), 16sp (Android)
- Hoog contrast: 4.5:1 voor broodtekst, 3:1 voor grote tekst (18pt+)
- Ondersteun gebruikersschaling: gebruik relatieve eenheden, geen vaste groottes
- Regellengte: 45-75 tekens per regel voor optimale leesbaarheid
- Regelhoogte: minimaal 1,5× de lettergrootte voor dyslexie-toegankelijkheid
- Test met schermlezers en zoom op 200%
Veelgestelde Vragen
Waarom ziet mijn tekst er anders uit in Photoshop dan in Word?
Photoshop gaat uit van 72 PPI voor schermweergave, terwijl Word 96 DPI (Windows) gebruikt voor de lay-out. Een 12pt-lettertype in Photoshop ziet er 33% groter uit op het scherm dan in Word, ook al worden beide op identieke groottes afgedrukt. Stel Photoshop in op 300 PPI voor drukwerk om de juiste grootte te zien.
Moet ik ontwerpen in punten of pixels voor het web?
Altijd in pixels (of relatieve eenheden zoals rem/em) voor het web. Punten zijn absolute fysieke eenheden die inconsistent worden weergegeven in verschillende browsers en apparaten. 12pt kan 16px zijn op het ene apparaat en 20px op het andere. Gebruik px/rem voor voorspelbare webtypografie.
Wat is het verschil tussen pt, px en dp?
pt = absoluut fysiek (1/72 inch), px = schermpixel (varieert met DPI), dp = Android-dichtheidsonafhankelijk (genormaliseerd naar 160 DPI). Gebruik pt voor drukwerk, px voor web, dp voor Android, iOS-pt (logisch) voor iOS. Elk systeem is geoptimaliseerd voor zijn platform.
Waarom ziet 12pt er anders uit in verschillende apps?
Applicaties interpreteren punten anders op basis van hun DPI-aanname. Word gebruikt 96 DPI, Photoshop standaard 72 PPI, InDesign gebruikt de werkelijke apparaatresolutie. 12pt is altijd 1/6 inch bij afdrukken, maar ziet er op het scherm anders uit vanwege de DPI-instellingen.
Hoe converteer ik TeX-punten naar PostScript-punten?
Vermenigvuldig TeX-punten met 0,9963 om PostScript-punten te krijgen (1 TeX pt = 1/72,27 inch versus PostScript 1/72 inch). Het verschil is klein—slechts 0,37%—maar is belangrijk voor academische publicaties waar exacte spatiëring cruciaal is voor wiskundige notatie.
Op welke resolutie moet ik ontwerpen?
Print: 300 DPI minimum, 600 DPI voor hoge kwaliteit. Web: Ontwerp op 96 DPI, lever @2x-middelen voor retina. Mobiel: Ontwerp op @1x in logische eenheden (pt/dp), exporteer @2x/@3x. Ontwerp nooit op 72 DPI tenzij u zich richt op oudere Mac-schermen.
Waarom is 16px de webstandaard?
De standaard lettergrootte van de browser is 16px (gelijk aan 12pt bij 96 DPI), gekozen voor optimale leesbaarheid op typische kijkafstanden (18-24 inch). Alles kleiner vermindert de leesbaarheid, vooral voor oudere gebruikers. Gebruik altijd 16px als basis voor relatieve grootte.
Moet ik Didot-punten kennen?
Alleen als u werkt met traditioneel Europees drukwerk, Franse uitgevers of historische reproducties. Didot-punten (0,376 mm) zijn 6,5% groter dan PostScript-punten. Modern digitaal ontwerp gebruikt universeel PostScript-punten—Didot is voornamelijk relevant voor klassieke typografie en kunstboeken.
Volledige Gereedschapslijst
Alle 71 gereedschappen beschikbaar op UNITS