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.

Was Sie konvertieren können
Dieser Konverter verarbeitet über 22 typografische Einheiten für Print, Web und Mobilgeräte. Konvertieren Sie zwischen absoluten Einheiten (Punkte, Pica, Zoll) und bildschirmabhängigen Einheiten (Pixel bei verschiedenen DPI-Werten). Hinweis: Pixel-Konvertierungen erfordern einen DPI-Kontext – 96 DPI (Windows), 72 DPI (ältere Mac-Versionen) oder 300 DPI (Druck).

Grundlegende Konzepte: Typografische Maße verstehen

Was ist ein Punkt?
Ein Punkt (pt) ist die grundlegende Einheit der Typografie und im PostScript-Standard als exakt 1/72 eines Zolls (0,3528 mm) definiert. Diese Standardisierung, die in den 1980er Jahren eingeführt wurde, vereinheitlichte jahrhundertealte, konkurrierende typografische Systeme und ist bis heute der Industriestandard.

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.

Wichtige Erkenntnisse
  • 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

12 pt1/6 Zoll (4,23 mm)
16 px @ 96 DPI12 pt
72 pt1 Zoll
6 Pica72 pt = 1 Zoll
16 px @ 72 DPI16 pt
32 dp (Android)≈14,4 pt

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

VerwendungPunktePixel (96 DPI)Anmerkungen
Kleingedrucktes / Fußnoten8-9 pt11-12 pxMinimale Lesbarkeit
Fließtext (Druck)10-12 pt13-16 pxBücher, Zeitschriften
Fließtext (Web)12 pt16 pxBrowser-Standard
Zwischenüberschriften14-18 pt19-24 pxAbschnittsüberschriften
Überschriften (H2-H3)18-24 pt24-32 pxArtikeltitel
Hauptüberschriften (H1)28-48 pt37-64 pxSeiten-/Plakattitel
Display-Schrift60-144 pt80-192 pxPlakate, Werbetafeln
Minimales Touch-Ziel33 pt44 pxiOS-Barrierefreiheit
Standard-Spaltenbreite180 pt (15 pc)240 pxZeitungen
Standard-Durchschuss14,4 pt (für 12-pt-Text)19,2 px120 % 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)
Häufiger Fehler: Verwechslung von DPI und PPI

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

VonNachFormelBeispiel
PunkteZollpt ÷ 7272pt = 1 Zoll
PunkteMillimeterpt × 0,352812pt = 4,23 mm
PunktePicapt ÷ 1272pt = 6 Pica
Pixel (96 DPI)Punktepx × 0,7516px = 12pt
Pixel (72 DPI)Punktepx × 112px = 12pt
PicaZollpc ÷ 66pc = 1 Zoll
ZollPunktein × 722in = 144pt
Android dpPunktedp × 0,4532dp = 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)

UnitTo PointsTo InchesExample
Punkt (pt)× 1÷ 7272 pt = 1 Zoll
Pica (pc)× 12÷ 66 pc = 1 Zoll = 72 pt
Zoll (in)× 72× 11 in = 72 pt = 6 pc
Millimeter (mm)× 2,8346÷ 25,425,4 mm = 1 in = 72 pt
Zentimeter (cm)× 28,346÷ 2,542,54 cm = 1 in
Didot-Punkt× 1,07÷ 67,667,6 Didot = 1 in
Cicero× 12,84÷ 5,61 Cicero = 12 Didot
TeX-Punkt× 0,9963÷ 72,2772,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)

UnitTo PointsFormulaExample
Pixel @ 96 DPI× 0,75pt = px × 72/9616 px = 12 pt
Pixel @ 72 DPI× 1pt = px × 72/7212 px = 12 pt
Pixel @ 300 DPI× 0,24pt = px × 72/300300 px = 72 pt = 1 in

Einheiten mobiler Plattformen

Plattformspezifische logische Einheiten, die mit der Gerätedichte skalieren

UnitTo PointsFormulaExample
Android dp× 0,45pt ≈ dp × 72/16032 dp ≈ 14,4 pt
iOS pt (@1x)× 1,0PostScript pt = iOS pt (identisch)17 iOS pt = 17 PostScript pt
iOS pt (@2x Retina)2 physische px pro iOS pt2× Pixel1 iOS pt = 2 Bildschirmpixel
iOS pt (@3x)3 physische px pro iOS pt3× Pixel1 iOS pt = 3 Bildschirmpixel

Veraltete & spezialisierte Einheiten

UnitTo PointsFormulaExample
Twip (1/20 pt)÷ 20pt = twip / 201440 twip = 72 pt = 1 in
Q (1/4 mm)× 0,7087pt = Q × 0,25 × 2,83464 Q = 1 mm
PostScript Big Point× 1,00375Exakt 1/72 Zoll72 bp = 1,0027 in

Wesentliche Berechnungen

CalculationFormulaExample
DPI-zu-Punkt-Umrechnungpt = (px × 72) / DPI16px @ 96 DPI = (16×72)/96 = 12 pt
Physische Größe aus PunktenZoll = pt / 72144 pt = 144/72 = 2 Zoll
Durchschuss (Zeilenabstand)Durchschuss = Schriftgröße × 1,2 bis 1,4512-pt-Schrift → 14,4-17,4 pt Durchschuss
Druckauflösungbenötigte Pixel = (Zoll × DPI) für Breite & Höhe8×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

Filtern nach:
Kategorien: