Typografie-Umrechner
Von Gutenberg zu Retina: Typografische Einheiten meistern
Typografische Einheiten bilden die Grundlage des Designs auf Print-, Web- und mobilen Plattformen. Vom traditionellen Punkt-System, das im 18. Jahrhundert etabliert wurde, bis hin zu modernen, auf Pixeln basierenden Messungen ist das Verständnis dieser Einheiten für Designer, Entwickler und jeden, der mit Text arbeitet, unerlässlich. Dieser umfassende Leitfaden behandelt über 22 typografische Einheiten, ihren historischen Kontext, praktische Anwendungen und Konvertierungstechniken für die professionelle Arbeit.
Grundlegende Konzepte: Typografische Maße verstehen
Punkt (pt)
Die absolute Einheit der Typografie, standardisiert als 1/72 Zoll
Punkte messen die Schriftgröße, den Zeilenabstand (Durchschuss) und andere typografische Dimensionen. Eine 12-Punkt-Schrift bedeutet, dass der Abstand von der tiefsten Unterlänge zur höchsten Oberlänge 12 Punkte (1/6 Zoll oder 4,23 mm) beträgt. Das Punkt-System bietet geräteunabhängige Maße, die sich konsistent über verschiedene Medien hinweg übertragen lassen.
Beispiel: 12pt Times New Roman = 0,1667 Zoll hoch = 4,23 mm. Professioneller Fließtext verwendet typischerweise 10-12pt, Überschriften 18-72pt.
Pixel (px)
Die digitale Einheit, die einen einzelnen Punkt auf einem Bildschirm oder Bild darstellt
Pixel sind geräteabhängige Einheiten, die je nach Bildschirmdichte (DPI/PPI) variieren. Dieselbe Pixelanzahl erscheint auf Bildschirmen mit niedriger Auflösung (72 PPI) größer und auf hochauflösenden Retina-Displays (220+ PPI) kleiner. Das Verständnis der DPI/PPI-Beziehungen ist für eine konsistente Typografie auf allen Geräten entscheidend.
Beispiel: 16px bei 96 DPI = 12pt. Dieselben 16px bei 300 DPI (Druck) = 3,84pt. Geben Sie bei der Konvertierung von Pixeln immer die Ziel-DPI an.
Pica (pc)
Traditionelle typografische Einheit, die 12 Punkten oder 1/6 Zoll entspricht
Pica messen Spaltenbreiten, Ränder und Seitenlayout-Dimensionen im traditionellen Printdesign. Desktop-Publishing-Software wie InDesign und QuarkXPress verwenden Pica als Standardmaßeinheit. Ein Pica entspricht exakt 12 Punkten, was die Umrechnung unkompliziert macht.
Beispiel: Eine Standard-Zeitungskolumne kann 15 Pica breit sein (2,5 Zoll oder 180 Punkte). Zeitschriftenlayouts verwenden oft Maße von 30-40 Pica.
- 1 Punkt (pt) = 1/72 Zoll = 0,3528 mm – absolutes physisches Maß
- 1 Pica (pc) = 12 Punkte = 1/6 Zoll – Standard für Layout und Spaltenbreite
- Pixel sind geräteabhängig: 96 DPI (Windows), 72 DPI (ältere Mac-Versionen), 300 DPI (Druck)
- Der PostScript-Punkt (1984) vereinheitlichte jahrhundertealte, inkompatible typografische Systeme
- Digitale Typografie verwendet Punkte für das Design und Pixel für die Implementierung
- DPI/PPI bestimmt die Pixel-zu-Punkt-Konvertierung: höhere DPI = kleinere physische Größe
Schnelle Konvertierungsbeispiele
Die Entwicklung der typografischen Maße
Mittelalter & Frühe Neuzeit (1450-1737)
1450–1737
Die Erfindung des Buchdrucks mit beweglichen Lettern schuf die Notwendigkeit für standardisierte Maße, aber regionale Systeme blieben jahrhundertelang inkompatibel.
- 1450: Gutenbergs Druckerpresse schafft die Notwendigkeit für standardisierte Schriftgrößen
- 1500er: Schriftgrößen werden nach Bibelausgaben benannt (Cicero, Augustin etc.)
- 1600er: Jede europäische Region entwickelt ihr eigenes Punkt-System
- 1690er: Der französische Typograf Fournier schlägt ein 12-Teilungssystem vor
- Frühe Systeme: Äußerst inkonsistent, unterschieden sich regional um 0,01-0,02 mm
Didot-System (1737-1886)
1737–1886
Der französische Drucker François-Ambroise Didot schuf den ersten echten Standard, der in ganz Kontinentaleuropa übernommen wurde und bis heute in Frankreich und Deutschland verwendet wird.
- 1737: Fournier schlägt ein Punkt-System vor, das auf dem französischen Königszoll basiert
- 1770: François-Ambroise Didot verfeinert das System – 1 Didot-Punkt = 0,376 mm
- 1785: Cicero (12 Didot-Punkte) wird zum Standardmaß
- 1800er: Das Didot-System dominiert den Druck in Kontinentaleuropa
- Modern: Wird immer noch in Frankreich, Deutschland und Belgien für den traditionellen Druck verwendet
Anglo-Amerikanisches System (1886-1984)
1886–1984
Amerikanische und britische Drucker standardisierten das Pica-System, indem sie 1 Punkt als 0,013837 Zoll (1/72,27 Zoll) definierten und damit die englischsprachige Typografie dominierten.
- 1886: American Type Founders etablieren das Pica-System: 1 pt = 0,013837"
- 1898: Die Briten übernehmen den amerikanischen Standard und schaffen eine anglo-amerikanische Einheit
- 1930er-1970er: Das Pica-System dominiert den gesamten englischsprachigen Druck
- Unterschied: Anglo-amerikanischer Punkt (0,351 mm) vs. Didot (0,376 mm) – 7 % größer
- Auswirkung: Erforderte separate Schriftgüsse für die Märkte in den USA/Großbritannien im Vergleich zu den europäischen Märkten
Die PostScript-Revolution (1984-heute)
1984–heute
Der PostScript-Standard von Adobe vereinheitlichte die globale Typografie, indem er 1 Punkt als exakt 1/72 Zoll definierte. Dies beendete jahrhundertelange Inkompatibilität und ermöglichte die digitale Typografie.
- 1984: Adobe PostScript definiert 1 pt = exakt 1/72 Zoll (0,3528 mm)
- 1985: Der Apple LaserWriter macht PostScript zum Standard für das Desktop-Publishing
- 1990er: Der PostScript-Punkt wird zum globalen Standard und ersetzt regionale Systeme
- 2000er: TrueType und OpenType übernehmen die PostScript-Maße
- Modern: Der PostScript-Punkt ist der universelle Standard für das gesamte digitale Design
Traditionelle typografische Systeme
Bevor PostScript 1984 die Maßeinheiten vereinheitlichte, existierten regionale typografische Systeme nebeneinander, jedes mit einzigartigen Punktdefinitionen. Diese Systeme bleiben für den historischen Druck und spezialisierte Anwendungen wichtig.
Didot-System (französisch/europäisch)
Etabliert 1770 von François-Ambroise Didot
Der kontinentaleuropäische Standard, der in Frankreich, Deutschland und Teilen Osteuropas immer noch für den traditionellen Druck verwendet wird.
- 1 Didot-Punkt = 0,376 mm (vs. PostScript 0,353 mm) – 6,5 % größer
- 1 Cicero = 12 Didot-Punkte = 4,51 mm (vergleichbar mit Pica)
- Basiert auf dem französischen Königszoll (27,07 mm) und bietet eine metrikähnliche Einfachheit
- Wird immer noch im europäischen Kunstbuch- und klassischen Druck bevorzugt
- Moderne Verwendung: Französische Imprimerie nationale, deutsche Fraktur-Typografie
TeX-System (akademisch)
1978 von Donald Knuth für den computergestützten Schriftsatz entwickelt
Der akademische Standard für mathematische und wissenschaftliche Veröffentlichungen, optimiert für präzisen digitalen Satz.
- 1 TeX-Punkt = 1/72,27 Zoll = 0,351 mm (entspricht dem alten anglo-amerikanischen Punkt)
- Ausgewählt, um die Kompatibilität mit vordigitalen akademischen Publikationen zu wahren
- 1 TeX-Pica = 12 TeX-Punkte (etwas kleiner als ein PostScript-Pica)
- Wird von LaTeX verwendet, dem dominierenden System für wissenschaftliche Veröffentlichungen
- Kritisch für: Akademische Arbeiten, mathematische Texte, Physikjournale
Twip (Computersysteme)
Typografie von Microsoft Word und Windows
Die interne Maßeinheit für Textverarbeitungsprogramme, die eine feinkörnige Kontrolle über das Layout digitaler Dokumente ermöglicht.
- 1 Twip = 1/20 Punkt = 1/1440 Zoll = 0,0176 mm
- Name: „TWentieth of a Point“ (Zwanzigstel eines Punktes) – extrem präzise Messung
- Wird intern verwendet von: Microsoft Word, Excel, PowerPoint, Windows GDI
- Ermöglicht gebrochene Punktgrößen ohne Gleitkommamathematik
- 20 Twips = 1 Punkt, was eine Präzision von 0,05 pt für den professionellen Satz ermöglicht
Amerikanischer Druckerpunkt
Standard der American Type Founders von 1886
Der vordigitale Standard für den englischsprachigen Druck, der sich geringfügig von PostScript unterscheidet.
- 1 Druckerpunkt = 0,013837 Zoll = 0,351 mm
- Entspricht 1/72,27 Zoll (vs. PostScript 1/72) – 0,4 % kleiner
- Pica = 0,166 Zoll (vs. PostScript 0,16667) – ein kaum wahrnehmbarer Unterschied
- Dominierte von 1886 bis 1984 vor der Vereinheitlichung durch PostScript
- Historischer Einfluss: Einige traditionelle Druckereien beziehen sich immer noch auf dieses System
Gängige typografische Größen
| Verwendung | Punkte | Pixel (96 DPI) | Anmerkungen |
|---|---|---|---|
| Kleingedrucktes / Fußnoten | 8-9 pt | 11-12 px | Minimale Lesbarkeit |
| Fließtext (Druck) | 10-12 pt | 13-16 px | Bücher, Zeitschriften |
| Fließtext (Web) | 12 pt | 16 px | Browser-Standard |
| Zwischenüberschriften | 14-18 pt | 19-24 px | Abschnittsüberschriften |
| Überschriften (H2-H3) | 18-24 pt | 24-32 px | Artikeltitel |
| Hauptüberschriften (H1) | 28-48 pt | 37-64 px | Seiten-/Plakattitel |
| Display-Schrift | 60-144 pt | 80-192 px | Plakate, Werbetafeln |
| Minimales Touch-Ziel | 33 pt | 44 px | iOS-Barrierefreiheit |
| Standard-Spaltenbreite | 180 pt (15 pc) | 240 px | Zeitungen |
| Standard-Durchschuss | 14,4 pt (für 12-pt-Text) | 19,2 px | 120 % Zeilenabstand |
Faszinierende Fakten zur Typografie
Ursprung von 'Font'
Das Wort 'Font' (Schriftart) kommt vom französischen 'fonte', was 'Guss' oder 'geschmolzen' bedeutet – und bezieht sich auf das geschmolzene Metall, das in Formen gegossen wurde, um einzelne Metalllettern im traditionellen Hochdruck herzustellen.
Warum 72 Punkte?
PostScript wählte 72 Punkte pro Zoll, weil 72 durch 2, 3, 4, 6, 8, 9, 12, 18, 24 und 36 teilbar ist, was Berechnungen erleichtert. Es entsprach auch sehr genau dem traditionellen Pica-System (72,27 Punkte/Zoll).
Die teuerste Schriftart
Bauer Bodoni kostet 89.900 US-Dollar für die komplette Schriftfamilie – eine der teuersten kommerziellen Schriftarten, die je verkauft wurden. Ihr Design erforderte jahrelange Arbeit, um sie von originalen Metallschriftmustern aus den 1920er Jahren zu digitalisieren.
Die Psychologie von Comic Sans
Trotz des Hasses von Designern erhöht Comic Sans die Lesegeschwindigkeit für legasthene Leser um 10-15 %, da die unregelmäßigen Buchstabenformen eine Verwechslung von Zeichen verhindern. Es ist tatsächlich ein wertvolles Werkzeug für die Barrierefreiheit.
Universelles Symbol
Das '@'-Symbol hat in verschiedenen Sprachen unterschiedliche Namen: 'Schnecke' (Italienisch), 'Affenschwanz' (Niederländisch), 'Mäuschen' (Chinesisch) und 'Rollmops' (Tschechisch) – aber es ist immer dasselbe 24-Punkt-Zeichen.
Die 72-DPI-Entscheidung des Mac
Apple wählte 72 DPI für die originalen Macs, um exakt mit den PostScript-Punkten übereinzustimmen (1 Pixel = 1 Punkt), was 1984 erstmals WYSIWYG-Desktop-Publishing ermöglichte. Dies revolutionierte das Grafikdesign.
Zeitleiste der typografischen Entwicklung
1450
Gutenberg erfindet den Buchdruck mit beweglichen Lettern – der erste Bedarf an Schriftmaß-Standards entsteht
1737
François-Ambroise Didot entwickelt das Didot-Punkt-System (0,376 mm)
1886
Die American Type Founders standardisieren das Pica-System (1 pt = 1/72,27 Zoll)
1978
Donald Knuth entwickelt das TeX-Punkt-System für den akademischen Schriftsatz
1984
Adobe PostScript definiert 1 pt = exakt 1/72 Zoll – globale Vereinheitlichung
1985
Der Apple LaserWriter bringt PostScript in das Desktop-Publishing
1991
Das TrueType-Schriftformat standardisiert die digitale Typografie
1996
CSS führt die Web-Typografie mit pixelbasierten Maßen ein
2007
Das iPhone führt @2x-Retina-Displays ein – dichteunabhängiges Design
2008
Android wird mit dp (dichteunabhängigen Pixeln) eingeführt
2010
Web-Fonts (WOFF) ermöglichen benutzerdefinierte Typografie online
2014
Spezifikation für variable Schriftarten – eine Datei, unendliche Stile
Digitale Typografie: Bildschirme, DPI und Plattformunterschiede
Die digitale Typografie führt geräteabhängige Maße ein, bei denen derselbe numerische Wert je nach Bildschirmdichte unterschiedliche physische Größen erzeugt. Das Verständnis der Plattformkonventionen ist für ein konsistentes Design entscheidend.
Windows (96 DPI Standard)
96 DPI (96 Pixel pro Zoll)
Microsoft standardisierte in Windows 95 96 DPI und schuf damit ein Verhältnis von 4:3 zwischen Pixeln und Punkten. Dies bleibt der Standard für die meisten PC-Displays.
- 1 px bei 96 DPI = 0,75 pt (4 Pixel = 3 Punkte)
- 16px = 12pt – gängige Umrechnung für Fließtextgröße
- Geschichte: Wurde als 1,5-faches des ursprünglichen 64-DPI-CGA-Standards gewählt
- Modern: Displays mit hoher DPI verwenden eine Skalierung von 125 %, 150 %, 200 % (120, 144, 192 DPI)
- Web-Standard: CSS geht von 96 DPI für alle px-zu-physischen Umrechnungen aus
macOS (72 DPI Legacy, 220 PPI Retina)
72 DPI (Legacy), 220 PPI (@2x Retina)
Apples ursprüngliche 72 DPI entsprachen exakt den PostScript-Punkten im Verhältnis 1:1. Moderne Retina-Displays verwenden eine @2x/@3x-Skalierung für eine gestochen scharfe Darstellung.
- Legacy: 1 px bei 72 DPI = exakt 1 pt (perfekte Übereinstimmung)
- Retina @2x: 2 physische Pixel pro Punkt, effektiv 220 PPI
- Retina @3x: 3 physische Pixel pro Punkt, 330 PPI (iPhone)
- Vorteil: Punktgrößen stimmen auf dem Bildschirm und in der Druckvorschau überein
- Realität: Physisches Retina hat 220 PPI, wird aber so skaliert, dass es wie 110 PPI (2×) erscheint
Android (160 DPI Basislinie)
160 DPI (dichteunabhängiger Pixel)
Androids dp-System (dichteunabhängige Pixel) normalisiert auf eine 160-DPI-Basislinie, mit Dichteklassen für verschiedene Bildschirme.
- 1 dp bei 160 DPI = 0,45 pt (160 Pixel/Zoll ÷ 72 Punkte/Zoll)
- Dichteklassen: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
- Formel: physische Pixel = dp × (Bildschirm-DPI / 160)
- 16sp (skalierungsunabhängiger Pixel) = empfohlene Mindesttextgröße
- Vorteil: Derselbe dp-Wert erscheint auf allen Android-Geräten physisch identisch
iOS (72 DPI @1x, 144+ DPI @2x/@3x)
72 DPI (@1x), 144 DPI (@2x), 216 DPI (@3x)
iOS verwendet den Punkt als logische Einheit, die mit PostScript-Punkten identisch ist, wobei die Anzahl der physischen Pixel von der Bildschirmgeneration abhängt (Non-Retina @1x, Retina @2x, Super-Retina @3x).
- 1 iOS-Punkt bei @1x = 1,0 PostScript-Punkt (72 DPI Basislinie, wie PostScript)
- Retina @2x: 2 physische Pixel pro iOS-Punkt (144 DPI)
- Super Retina @3x: 3 physische Pixel pro iOS-Punkt (216 DPI)
- Alle iOS-Designs verwenden Punkte; das System verwaltet die Pixeldichte automatisch
- 17pt = empfohlene Mindestgröße für Fließtext (Barrierefreiheit)
DPI vs. PPI: Bildschirm- und Druckdichte verstehen
DPI (Dots Per Inch)
Druckerauflösung – wie viele Tintenpunkte auf einen Zoll passen
DPI misst die Ausgabeauflösung eines Druckers. Eine höhere DPI erzeugt glatteren Text und schärfere Bilder, indem mehr Tintenpunkte pro Zoll platziert werden.
- 300 DPI: Standard für professionellen Druck (Zeitschriften, Bücher)
- 600 DPI: Hochwertiger Laserdruck (Geschäftsdokumente)
- 1200-2400 DPI: Professioneller Fotodruck und Kunstreproduktion
- 72 DPI: Nur für die Bildschirmvorschau – für den Druck ungeeignet (sieht verpixelt aus)
- 150 DPI: Entwurfsdruck oder großformatige Plakate (aus der Ferne betrachtet)
PPI (Pixels Per Inch)
Bildschirmauflösung – wie viele Pixel auf einen Zoll eines Displays passen
PPI misst die Displaydichte. Eine höhere PPI erzeugt schärferen Text auf dem Bildschirm, indem mehr Pixel auf derselben physischen Fläche untergebracht werden.
- 72 PPI: Originale Mac-Displays (1 Pixel = 1 Punkt)
- 96 PPI: Standard-Windows-Displays (1,33 Pixel pro Punkt)
- 110-120 PPI: Günstige Laptop-/Desktop-Monitore
- 220 PPI: MacBook Retina, iPad Pro (2× Pixeldichte)
- 326-458 PPI: iPhone Retina/Super Retina (3× Pixeldichte)
- 400-600 PPI: High-End-Android-Smartphones (Samsung, Google Pixel)
DPI und PPI werden oft synonym verwendet, messen aber unterschiedliche Dinge. DPI ist für Drucker (Tintenpunkte), PPI ist für Bildschirme (lichtemittierende Pixel). Geben Sie beim Entwerfen immer an: 'Bildschirm mit 96 PPI' oder 'Druck mit 300 DPI' – niemals nur 'DPI' allein, da dies mehrdeutig ist.
Praktische Anwendungen: Die richtigen Einheiten wählen
Printdesign
Im Druck werden absolute Einheiten (Punkte, Pica) verwendet, da die physische Ausgabegröße exakt und geräteunabhängig sein muss.
- Fließtext: 10-12pt für Bücher, 9-11pt für Zeitschriften
- Überschriften: 18-72pt je nach Hierarchie und Format
- Durchschuss (Zeilenabstand): 120 % der Schriftgröße (12pt Text = 14,4pt Durchschuss)
- Messen Sie absolute Dimensionen in Pica: 'Spaltenbreite: 25 Pica'
- Entwerfen Sie immer mit 300 DPI für den professionellen Druck
- Verwenden Sie niemals Pixel für den Druck – konvertieren Sie sie in Punkte/Pica/Zoll
Webdesign
Web-Typografie verwendet Pixel und relative Einheiten, da Bildschirme in Größe und Dichte variieren.
- Fließtext: 16px als Standard (Browser-Standard) = 12pt bei 96 DPI
- Verwenden Sie niemals absolute Punktgrößen in CSS – Browser rendern diese unvorhersehbar
- Responsives Design: Verwenden Sie rem (relativ zur Wurzelschriftart) für die Skalierbarkeit
- Minimaler Text: 14px für Fließtext, 12px für Bildunterschriften (Barrierefreiheit)
- Zeilenhöhe: 1,5 (einheitenlos) für die Lesbarkeit von Fließtext
- Media-Queries: Entwerfen Sie für 320px (mobil) bis 1920px+ (Desktop)
Mobile Apps
Mobile Plattformen verwenden dichteunabhängige Einheiten (dp/pt), um eine konsistente physische Größe über verschiedene Bildschirmdichten hinweg zu gewährleisten.
- iOS: Entwerfen Sie in Punkten (pt), das System skaliert automatisch auf @2x/@3x
- Android: Verwenden Sie dp (dichteunabhängige Pixel) für Layouts, sp für Text
- Minimales Touch-Ziel: 44pt (iOS) oder 48dp (Android) für Barrierefreiheit
- Fließtext: mindestens 16sp (Android) oder 17pt (iOS)
- Verwenden Sie niemals physische Pixel – immer logische Einheiten (dp/pt)
- Testen Sie auf mehreren Dichten: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi
Akademisch & Wissenschaftlich
Das akademische Publizieren verwendet TeX-Punkte für mathematische Präzision und Kompatibilität mit etablierter Literatur.
- LaTeX verwendet TeX-Punkte (72,27 pro Zoll) für die Abwärtskompatibilität
- Standardjournal: 10pt Schriftart Computer Modern
- Zweispaltiges Format: 3,33 Zoll (240pt) breite Spalten mit einem 0,25 Zoll (18pt) breiten Zwischenraum
- Gleichungen: Präzise Punktgrößen sind für die mathematische Notation entscheidend
- Sorgfältig konvertieren: 1 TeX-Punkt = 0,9963 PostScript-Punkte
- PDF-Ausgabe: TeX handhabt die Konvertierung des Punktsystems automatisch
Gängige Umrechnungen und Berechnungen
Schnellübersicht für alltägliche typografische Umrechnungen:
Wesentliche Umrechnungen
| Von | Nach | Formel | Beispiel |
|---|---|---|---|
| Punkte | Zoll | pt ÷ 72 | 72pt = 1 Zoll |
| Punkte | Millimeter | pt × 0,3528 | 12pt = 4,23 mm |
| Punkte | Pica | pt ÷ 12 | 72pt = 6 Pica |
| Pixel (96 DPI) | Punkte | px × 0,75 | 16px = 12pt |
| Pixel (72 DPI) | Punkte | px × 1 | 12px = 12pt |
| Pica | Zoll | pc ÷ 6 | 6pc = 1 Zoll |
| Zoll | Punkte | in × 72 | 2in = 144pt |
| Android dp | Punkte | dp × 0,45 | 32dp = 14,4pt |
Vollständige Referenz zur Einheitenumrechnung
Alle typografischen Einheiten mit präzisen Umrechnungsfaktoren. Basiseinheit: PostScript-Punkt (pt)
Absolute (physische) Einheiten
Base Unit: PostScript-Punkt (pt)
| Unit | To Points | To Inches | Example |
|---|---|---|---|
| Punkt (pt) | × 1 | ÷ 72 | 72 pt = 1 Zoll |
| Pica (pc) | × 12 | ÷ 6 | 6 pc = 1 Zoll = 72 pt |
| Zoll (in) | × 72 | × 1 | 1 in = 72 pt = 6 pc |
| Millimeter (mm) | × 2,8346 | ÷ 25,4 | 25,4 mm = 1 in = 72 pt |
| Zentimeter (cm) | × 28,346 | ÷ 2,54 | 2,54 cm = 1 in |
| Didot-Punkt | × 1,07 | ÷ 67,6 | 67,6 Didot = 1 in |
| Cicero | × 12,84 | ÷ 5,6 | 1 Cicero = 12 Didot |
| TeX-Punkt | × 0,9963 | ÷ 72,27 | 72,27 TeX pt = 1 in |
Bildschirm-/Digitaleinheiten (DPI-abhängig)
Diese Umrechnungen hängen von der Bildschirm-DPI (Punkte pro Zoll) ab. Standardannahmen: 96 DPI (Windows), 72 DPI (ältere Mac-Versionen)
| 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 |
Einheiten mobiler Plattformen
Plattformspezifische logische Einheiten, die mit der Gerätedichte skalieren
| 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 (identisch) | 17 iOS pt = 17 PostScript pt | |
| iOS pt (@2x Retina) | 2 physische px pro iOS pt | 2× Pixel | 1 iOS pt = 2 Bildschirmpixel | |
| iOS pt (@3x) | 3 physische px pro iOS pt | 3× Pixel | 1 iOS pt = 3 Bildschirmpixel |
Veraltete & spezialisierte Einheiten
| 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 | Exakt 1/72 Zoll | 72 bp = 1,0027 in |
Wesentliche Berechnungen
| Calculation | Formula | Example |
|---|---|---|
| DPI-zu-Punkt-Umrechnung | pt = (px × 72) / DPI | 16px @ 96 DPI = (16×72)/96 = 12 pt |
| Physische Größe aus Punkten | Zoll = pt / 72 | 144 pt = 144/72 = 2 Zoll |
| Durchschuss (Zeilenabstand) | Durchschuss = Schriftgröße × 1,2 bis 1,45 | 12-pt-Schrift → 14,4-17,4 pt Durchschuss |
| Druckauflösung | benötigte Pixel = (Zoll × DPI) für Breite & Höhe | 8×10 in @ 300 DPI = 2400×3000 px |
Best Practices für Typografie
Printdesign
- Arbeiten Sie immer in Punkten oder Pica – niemals in Pixeln für den Druck
- Richten Sie Dokumente von Anfang an in Originalgröße (300 DPI) ein
- Verwenden Sie 10-12pt für Fließtext; alles Kleinere verringert die Lesbarkeit
- Der Durchschuss sollte 120-145 % der Schriftgröße betragen, um ein angenehmes Lesen zu ermöglichen
- Ränder: Mindestens 0,5 Zoll (36pt) für Bindung und Handhabung
- Testen Sie einen Probedruck in Originalgröße, bevor Sie ihn an eine kommerzielle Druckerei senden
Webentwicklung
- Verwenden Sie rem für Schriftgrößen – dies ermöglicht es dem Benutzer zu zoomen, ohne das Layout zu zerstören
- Stellen Sie die Wurzelschriftart auf 16px (Browser-Standard) ein – niemals kleiner
- Verwenden Sie einheitenlose Zeilenhöhenwerte (1,5) anstelle von festen Höhen
- Verwenden Sie niemals absolute Punktgrößen in CSS – unvorhersehbares Rendering
- Testen Sie auf echten Geräten, nicht nur durch Größenänderung des Browsers – DPI ist wichtig
- Mindestschriftgröße: 14px Fließtext, 12px Bildunterschriften, 44px Touch-Ziele
Mobile Apps
- iOS: Entwerfen Sie @1x, exportieren Sie @2x- und @3x-Assets automatisch
- Android: Entwerfen Sie in dp, testen Sie auf mdpi/hdpi/xhdpi/xxhdpi
- Minimaler Text: 17pt (iOS) oder 16sp (Android) für Barrierefreiheit
- Touch-Ziele: mindestens 44pt (iOS) oder 48dp (Android)
- Testen Sie auf physischen Geräten – Simulatoren zeigen nicht die wahre Dichte
- Verwenden Sie nach Möglichkeit Systemschriftarten – diese sind für die Plattform optimiert
Barrierefreiheit
- Minimaler Fließtext: 16px (Web), 17pt (iOS), 16sp (Android)
- Hoher Kontrast: 4,5:1 für Fließtext, 3:1 für großen Text (18pt+)
- Unterstützen Sie die Benutzerskalierung: Verwenden Sie relative Einheiten, keine festen Größen
- Zeilenlänge: 45-75 Zeichen pro Zeile für optimale Lesbarkeit
- Zeilenhöhe: mindestens 1,5× die Schriftgröße für die Barrierefreiheit bei Legasthenie
- Testen Sie mit Screenreadern und einem Zoom von 200 %
Häufig gestellte Fragen
Warum sieht mein Text in Photoshop anders aus als in Word?
Photoshop geht von 72 PPI für die Bildschirmanzeige aus, während Word 96 DPI (Windows) für das Layout verwendet. Eine 12-Punkt-Schrift in Photoshop erscheint auf dem Bildschirm 33 % größer als in Word, obwohl beide in identischer Größe gedruckt werden. Stellen Sie Photoshop für Druckarbeiten auf 300 PPI ein, um eine korrekte Größenanzeige zu erhalten.
Soll ich für das Web in Punkten oder Pixeln entwerfen?
Immer in Pixeln (oder relativen Einheiten wie rem/em) für das Web. Punkte sind absolute physische Einheiten, die von Browsern und Geräten inkonsistent gerendert werden. 12pt kann auf einem Gerät 16px und auf einem anderen 20px sein. Verwenden Sie px/rem für eine vorhersagbare Web-Typografie.
Was ist der Unterschied zwischen pt, px und dp?
pt = absolutes physisches Maß (1/72 Zoll), px = Bildschirm-Pixel (variiert mit DPI), dp = dichteunabhängiges Maß bei Android (normalisiert auf 160 DPI). Verwenden Sie pt für den Druck, px für das Web, dp für Android, logische pt für iOS. Jedes System ist für seine Plattform optimiert.
Warum sieht 12pt in verschiedenen Apps unterschiedlich aus?
Anwendungen interpretieren Punkte unterschiedlich, basierend auf ihrer DPI-Annahme. Word verwendet 96 DPI, Photoshop standardmäßig 72 PPI, InDesign verwendet die tatsächliche Geräteauflösung. 12pt ist beim Druck immer 1/6 Zoll, erscheint aber aufgrund der DPI-Einstellungen auf dem Bildschirm unterschiedlich groß.
Wie konvertiere ich TeX-Punkte in PostScript-Punkte?
Multiplizieren Sie TeX-Punkte mit 0,9963, um PostScript-Punkte zu erhalten (1 TeX-Punkt = 1/72,27 Zoll vs. PostScript 1/72 Zoll). Der Unterschied ist winzig – nur 0,37 % – aber für akademische Veröffentlichungen wichtig, bei denen exakte Abstände für die mathematische Notation entscheidend sind.
In welcher Auflösung soll ich entwerfen?
Druck: mindestens 300 DPI, 600 DPI für hohe Qualität. Web: Entwerfen Sie mit 96 DPI, stellen Sie @2x-Assets für Retina bereit. Mobil: Entwerfen Sie @1x in logischen Einheiten (pt/dp), exportieren Sie @2x/@3x. Entwerfen Sie niemals mit 72 DPI, es sei denn, Sie zielen auf ältere Mac-Displays ab.
Warum sind 16px der Web-Standard?
Die Standard-Schriftgröße des Browsers beträgt 16px (entspricht 12pt bei 96 DPI), gewählt für optimale Lesbarkeit bei typischen Betrachtungsabständen (ca. 45-60 cm). Alles Kleinere verringert die Lesbarkeit, insbesondere für ältere Benutzer. Verwenden Sie immer 16px als Basis für relative Größen.
Muss ich mich mit Didot-Punkten auskennen?
Nur wenn Sie mit traditionellem europäischem Druck, französischen Verlagen oder historischen Reproduktionen arbeiten. Didot-Punkte (0,376 mm) sind 6,5 % größer als PostScript-Punkte. Modernes digitales Design verwendet universell PostScript-Punkte – Didot ist hauptsächlich für klassische Typografie und Kunstbücher relevant.
Vollständiges Werkzeugverzeichnis
Alle 71 auf UNITS verfügbaren Werkzeuge