Tussen DTP, druk en webdesign wisselen de eenheden voortdurend: tekst wordt gezet in punten (pt), de opmaak gecontroleerd in millimeters (mm) en de website gebouwd in pixels (px). Met de Typografie: pt, px, mm en pica reken je al deze eenheden in één stap om. Deze gids legt de samenhang uit zodat je de resultaten goed kunt inschatten.
De gemeenschappelijke basis: de inch
Alle typografische eenheden zijn af te leiden uit één gemeenschappelijke referentie: de inch. De vaste verhouding is 1 inch = 72 pt = 6 pica = 25,4 mm, waaruit volgt dat 1 pica = 12 pt is. Punt, pica en millimeter zijn vaste fysieke maten: een waarde in pt heeft altijd dezelfde fysieke grootte, ongeacht het apparaat of scherm.
Waarom pixels een bijzonder geval zijn
Pixels (px) zijn geen vaste fysieke lengte, maar hangen af van de resolutie. Er geldt px = inch × dpi. De CSS-standaard gaat uit van 96 dpi, dus de browser rekent altijd met deze referentieresolutie. Verandert de resolutie – bijvoorbeeld bij hoge-resolutiedruk of andere uitvoerapparaten – dan verandert alleen de px-waarde; pt, mm en pica blijven gelijk.
Rekenvoorbeeld: 12 pt
Neem een gebruikelijke tekengrootte van 12 pt bij 96 dpi. Via de inch: 12 pt = 12/72 inch = 1/6 inch. Bij 96 dpi is dat precies 16 px, plus 4,23 mm en 1 pica. Zo koppelt de klassieke zetgrootte direct aan de webwaarde van 16 px, tevens de standaard tekengrootte in veel browsers.
Omrekentabel (bij 96 dpi)
| pt | px (96 dpi) | mm | pica |
|---|---|---|---|
| 6 | 8 | 2,12 | 0,5 |
| 9 | 12 | 3,18 | 0,75 |
| 12 | 16 | 4,23 | 1 |
| 18 | 24 | 6,35 | 1,5 |
| 24 | 32 | 8,47 | 2 |
| 36 | 48 | 12,7 | 3 |
De kolommen pt, mm en pica gelden altijd; alleen de px-kolom verschuift als je een andere resolutie dan 96 dpi aanhoudt. Voor dagelijks werk tussen druk en web open je de Typografie: pt, px, mm en pica, stel je de gewenste resolutie in en lees je alle vier de waarden tegelijk af.
