Skip to main content

Typografie-Einheiten-Umrechner Umwandeln zwischen px, pt, em, rem, cm, mm, Zoll und Picas mit konfigurierbarer Basis-Schriftgröße.

Typografie-Einheiten-Umrechner illustration
⚖️

Typografie-Einheiten-Umrechner

Umwandeln zwischen px, pt, em, rem, cm, mm, Zoll und Picas mit konfigurierbarer Basis-Schriftgröße.

1

Basis-Schriftgröße festlegen

Passen Sie den Schieberegler für die Basis-Schriftgröße an, wenn Ihre Root-Schriftgröße von der Standard-Größe von 16px abweicht.

2

Einen Wert eingeben

Geben Sie den zu konvertierenden Größenwert ein.

3

Einheiten auswählen

Wählen Sie die Quell- und Ziel-Typografie-Einheiten.

Loading tool...

What Is Typografie-Einheiten-Umrechner?

Ein Typografie-Einheiten-Konverter übersetzt zwischen den verschiedenen Messsystemen, die in digitaler und gedruckter Typografie verwendet werden. Pixel (px) sind die Standard-Web-Einheit. Punkt (pt) sind traditionell im Printdesign gebräuchlich (1 pt = 1/72 Zoll). Em und rem sind relative Einheiten - em ist relativ zur Schriftgröße des Eltern-elements, rem zur Schriftgröße der Wurzel (typischerweise 16px). Physische Einheiten (cm, mm, Zoll) und Picas (1 pc = 12 pt) verbinden Print- und digitale Kontexte. Die konfigurierbare Basis-Schriftgröße stellt sicher, dass em/rem-Konversionen genau sind und den Einstellungen Ihres Projekts entsprechen.

Why Use Typografie-Einheiten-Umrechner?

  • Konfigurierbare Basis-Schriftgröße für genaue em/rem-Berechnungen.
  • Verbindet Druck (pt, pc, in) und digitale (px, em, rem) Typografie.
  • Wichtig für Web-Designer und -Entwickler.
  • Echtzeit-Konvertierung mit Referenz-Tabelle.
  • Komplett client-seitig.

Common Use Cases

Web-Entwicklung

Konvertieren zwischen px, em und rem für responsives Typografie-Design.

Druck-Design

Konvertieren zwischen Punkten, Picas und physikalischen Maßeinheiten.

CSS-Erstellung

Berechnen von rem-Werten aus pixel-basierten Design-Spezifikationen.

Cross-Platform-Design

Stellen Sie sicher, dass die Typografie über Web, Druck und Mobile konsistent ist.

Technical Guide

Typografie-Messung bei 96 DPI (CSS-Referenzpixel):

• 1 px = 1/96 Zoll (CSS-Definition)
• 1 pt = 1/72 Zoll = 96/72 px = 1,333 px
• 1 pc (Pica) = 12 pt = 16 px
• 1 em = Schriftgröße des Eltern-Elements (Standard: 16px)
• 1 rem = Schriftgröße der Wurzel (Standard: 16px)
• 1 Zoll = 96 px (CSS), 72 pt
• 1 cm = 96/2,54 ≈ 37,8 px
• 1 mm = 96/25,4 ≈ 3,78 px

Das CSS-Pixel ist definiert als 1/96 eines Zolls, unabhängig von der physischen Bildschirmauflösung. Auf High-DPI-Bildschirmen kann ein CSS-Pixel mehreren physischen Pixeln entsprechen.

Em und rem sind proportionale Einheiten. Bei der Standard-Basis-Schriftgröße von 16px gilt: 1rem = 16px, 0,875rem = 14px und 1,25rem = 20px. Die Verwendung von rem für Schriftgrößen ermöglicht eine zugängliche Skalierung, wenn Benutzer die Standard-Schriftgröße ihres Browsers ändern.

Tips & Best Practices

  • 1
    Bei 16px-Basis: 1rem = 16px. Der "62,5%-Trick" (html { font-size: 62,5% }) macht 1rem = 10px für einfacheres Rechnen.
  • 2
    1 Punkt ≈ 1,33 Pixel. Druck-12-Punkte-Körpertext ≈ 16 Pixel auf dem Bildschirm.
  • 3
    Verwenden Sie rem für zugängliche Web-Typografie - es respektiert die Browser-Einstellungen des Benutzers.
  • 4
    Pica (pc) wird immer noch in traditioneller Typensetzung verwendet: 1 pc = 12 pt = 16 px.

Related Tools

Frequently Asked Questions

Q Wie konvertiere ich px zu rem?
Teilen Sie die Pixel durch die Root-Schriftgröße (typischerweise 16). Zum Beispiel: 24px ÷ 16 = 1,5rem.
Q Was ist der Unterschied zwischen em und rem?
Em ist relativ zur Schriftgröße des Elternelements, was sich summieren kann. Rem ist immer relativ zur Root-(html)-Element-Schriftgröße, was es vorhersehbarer macht.
Q Wie viele Punkte sind in einem Pixel?
Bei dem CSS-Standard von 96 DPI: 1 px = 0,75 pt oder äquivalent 1 pt = 1,333 px.
Q Was ist eine Pica?
Eine Pica ist eine traditionelle typografische Einheit, die 12 Punkten oder 1/6 Zoll entspricht. In CSS bei 96 DPI: 1 Pica = 16 Pixel.
Q Warum ist die Standard-Schriftgröße 16px?
Die wichtigsten Browser setzen 16px als Standard-Körperschriftgröße. Dies wurde zum de-facto-Standard für die Berechnung von rem-Werten in CSS.

About This Tool

Typografie-Einheiten-Umrechner is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.