Das ist jetzt wohl schon das dritte oder vierte Mal, dass ich nach dieser Tabelle suchte. Bei jedem Projekt kommt irgendwann der Punkt, wo man sie doch wieder braucht. Und die Sucherei geht aufs neue los! Kurzum habe ich mich entschlossen, meine eigene zu schreiben und hier zu „lagern“.
Warum die unterschiedlichen Maßeinheiten?
In fast allen Projekten kommt man mit den verschiedensten Maßeinheiten in Berührung. Speziell wenn man dabei auch noch zwischen dem Print,- und Webbereich wechselt. Und beim Webdesign begegnen Dir auch noch die festen und variablen Größen. Stichwort ist hier »Responsive Design«.
Hintergrund sind die unterschiedlichen Größenbestimmungen der einzelnen Maße. Der »Point« – in diesem Fall beziehe ich mich auf den DTP-Punkt – stammt aus dem Printbereich, besser gesagt dem alten Bleisatz.
Er ist die typografisch kleinste Einheit zur einheitlichen Größenbestimmung von Buchstaben, Schriftgraden und Abständen. Hierzulande und in Westeuropa benutzt man überwiegend die angloamerikanische Maßeinheit »Pica Point« (traditionell) und den »PostScript Point« von Adobe Systems® (Pica-Point = 0,351mm; DTP-Punkt = 1,0037 Pica-Point).
Ganz anders verhält es sich mit Pixeln und Ems. Dies sind Vertreter der digitalen Welt. Die physische Größe eines Pixel (px) ist vom jeweiligen Gerät abhängig. In diesem Zusammenhang spricht man auch von der sogenannten Pixeldichte („pixel per inch“ = ppi; „dots per inch“ = dpi). Handelsübliche Computerbildschirme erreichen eine Pixeldichte von ungefähr 100 ppi, das entspricht dann 0,3 Millimeter pro Pixel.
Die Maßeinheit »em« wird dagegen zur Bestimmung der Zeichenbreite in Abhängigkeit zur Schriftgröße verwendet. Grundlage des »em« ist das Geviert. Die Breite des Gevierts entspricht der Höhe des Gevierts und somit der Schriftgröße – ein »em« ist somit direkt proportional zur Schriftgröße.
Du merkst schon, dass sich in diesem ganzen Zusammenhang eine Menge Zahlenmaterial anhäuft und man eine Menge rechnen müsst. Dem Glücklichen, der da eine fertige Tabelle zur Hand hat. 🙂
Points (pt) | Pixel (px) | Ems (em) | Prozent (%) |
---|---|---|---|
6pt | 8 px | 0.5 em | 50 % |
7 pt | 9 px | 0.55 em | 55 % |
7,5 pt | 10 px | 0.625 em | 62,5 % |
8 pt | 11 px | 0.7 em | 70 % |
9 pt | 12 px | 0.75 em | 75 % |
10 pt | 13 px | 0.8 em | 80 % |
10,5 pt | 14 px | 0.875 em | 87,5 % |
11 pt | 15 px | 0.95 em | 95 % |
12 pt | 16 px | 1.0 em | 100 % |
13 pt | 17 px | 1.05 em | 105 % |
13,5 pt | 18 px | 1.125 em | 112,5 % |
14 pt | 19 px | 1.2 em | 120 % |
14,5 pt | 20 px | 1.25 em | 125 % |
15 pt | 21 px | 1.3 em | 130 % |
16 pt | 22 px | 1.4 em | 140 % |
17 pt | 23 px | 1.45 em | 145 % |
18 pt | 24 px | 1.5 em | 150 % |
20 pt | 26 px | 1.6 em | 160 % |
22 pt | 29 px | 1.8 em | 180 % |
24 pt | 32 px | 2.0 em | 200 % |
26 pt | 35 px | 2.2 em | 220 % |
27 pt | 36 px | 2.25 em | 225% |
28 pt | 37 px | 2.3 em | 230 % |
29 pt | 38 px | 2.35 em | 235 % |
30 pt | 40 px | 2.45 em | 245 % |
32 pt | 42 px | 2.55 em | 255 % |
34 pt | 45 px | 2.75 em | 275 % |
36 pt | 48 px | 3.0 em | 300 % |