Konvertierung von Schriftgrößeneinheiten

1Pixel = 0.75Punkt

0.75

Typografische Einheiten

Punkt (pt)0.75

Pixel (px)1

Dichtebasierter Pixel (dp)0.75

Skalierungsunabhängiger Pixel (sp)0.75

Kostenloses Online-Tool zur Konvertierung von Schriftgrößeneinheiten, das die bidirektionale Echtzeitkonvertierung von 4 häufig verwendeten Satz-/UI-Einheiten unterstützt: pt, px, dp und sp. Die aktuelle Seite nimmt eine feste Referenzbeziehung an: 1 px = 0,75 pt, 1 pt ≈ 1,333 px. Gleichzeitig werden in diesem Tool dp und sp gemäß derselben Referenzbasis auf pt abgebildet, was einen schnellen statischen Vergleich zwischen Designentwürfen, Web-/CSS-Beschreibungen und Android-UI-Anmerkungen ermöglicht. Es ist zu beachten, dass diese Seite keine Browserskalierung, Gerätepixeldichte, Android-Schriftskalierung oder tatsächliche Druckgröße liest und daher eher für den Spezifikationsvergleich und die Vereinheitlichung von Dokumenten geeignet ist, als dass sie echte Geräte-Rendering-Tests ersetzt. Alle Berechnungen werden lokal im Browser durchgeführt und die Daten werden nicht auf den Server hochgeladen.

Über das statische Konvertierungskaliber von pt, px, dp, sp

pt (Punkt) ist eine gängige Schriftgrößeneinheit im klassischen Schriftsatzkontext. Viele Dokumenteditoren, Präsentationssoftware, Markenhandbücher und Schriftartenspezifikationen verwenden gerne pt, um die Textgröße auszudrücken. px (Pixel) wird häufiger in Webseiten, Designentwürfen und CSS-Anmerkungen verwendet. Es betont die Referenzgröße im Kontext von Bildschirm und Benutzeroberfläche.

Es ist wichtig zu beachten, dass px in CSS nicht immer einem physischen Pixel auf dem Gerät entspricht, sondern eher dem „Referenzpixel“ entspricht. Daher werden die 16 Pixel in der Entwurfszeichnung, die 16 Pixel im Webseitenstil und die endgültige visuelle Größe, die auf dem mobilen Bildschirm angezeigt wird, weiterhin von der Skalierung, Dichte und Plattformimplementierung beeinflusst.

dp und sp kommen im Kontext der Android-Benutzeroberfläche häufiger vor. Im Allgemeinen ist dp stärker auf die Größe des Schnittstellenlayouts ausgerichtet, während sp eher auf die Schriftgröße ausgerichtet ist und die Skalierung der Systemschriftarten berücksichtigt. Allerdings handelt es sich bei dieser Seite nicht um einen Laufzeitsimulator. Die Dichte oder Schriftskalierung eines bestimmten Mobiltelefons wird nicht gelesen. Diese Einheiten werden lediglich zum statischen Vergleich auf ein einheitliches Referenzlineal gesetzt.

Diese Seite verwendet derzeit eine feste Referenzbeziehung: 1 px = 0,75 pt, 1 pt ≈ 1,333 px und ordnet dp und sp dem gleichen Referenzdatum zu, was eine schnelle Vereinheitlichung von Entwurfsentwürfen, Spezifikationsdokumenten und endübergreifender Kommunikation erleichtert. Es löst das Problem, „wie man Dokumente vergleicht und schreibt“, nicht das Problem, „wie groß die endgültige Anzeigegröße auf dem Gerät sein muss“.

Wenn Ihr Arbeitsziel die tatsächliche Druckgröße, die Millimetergenauigkeit des Papiers, das Browser-REM/EM-System oder die Überprüfung der echten Android-Schriftartskalierung ist, sollten Sie stattdessen die entsprechenden Längentools, Designsoftware oder echte Gerätetests verwenden. Diese Seite eignet sich besser für die Ausarbeitung von Spezifikationen, die frühzeitige Überprüfung und die Lieferdokumentation.

Anwendungsfälle

Ändern Sie die Schriftgrößen 16 px, 18 px und 24 px im Designentwurf schnell in pt, um das Schreiben in PPT-, Word- oder Markenspezifikationsdokumente zu erleichtern
Ändern Sie die im Dokument angegebenen Schriftgrößen 12 pt, 14 pt und 18 pt in px, um den Vergleich zwischen dem Frontend und dem Designer zu erleichtern
Bei der Bereitstellung im Web Design, CSS einfügen. Gemeinsame Schriftgrößen mit dem pt-Kaliber in Präsentationsdokumenten vereinheitlichen.
Ersetzen Sie in der Android-UI-Beschreibung schnell pt oder px im Designentwurf durch dp- und sp-Referenzwerte, um die Kommunikation zu erleichtern.
Vereinheitlichen Sie beim Organisieren der Textspezifikationen der Komponentenbibliothek die Schriftgrößeneinheit für das Schreiben von Schaltflächen, Text, Titeln und Untertiteln.
Mischen Sie die in historischen Designsystemen verwendeten px und pt. Vereinheitlichen Sie die Schriftgrößen in den gleichen Satz von Vergleichstabellen, um die Migrationskosten zu senken.
Fügen Sie Anmerkungen mit zwei Einheiten zu teamübergreifenden Kollaborationsdokumenten hinzu, damit Design, Front-End und mobile Endgeräte schnell die gleiche Schriftgröße erkennen können.
Konvertieren und vergleichen Sie bei der visuellen Prüfung und Qualitätssicherung schnell verschiedene Einheiten in Anmerkungen und Codestilen für Designentwürfe.
Bei der Vorbereitung von Markenhandbüchern, Veranstaltungsplakaten oder Präsentationsvorlagen vereinheitlichen Sie zunächst die Schriftgrößenregeln in einer Referenzgröße Vor dem Verteilen
Erstellen Sie eine einheitliche Vergleichstabelle für die Schriftgröße für E-Mails, Zielseiten, H5- und App-Texterstellungsschnittstellen.
Erläutern Sie in Schulungen und Schulungen oder bei der internen Weitergabe die Unterschiede und allgemeinen Konvertierungsbeziehungen von pt, px, dp, sp.
Konvertieren Sie die Anmerkung zur Schriftgröße auf dem Screenshot schnell in einen anderen Satz von Einheiten, die dem Team vertrauter sind, um die Überprüfung zu erleichtern Änderung
Verwenden Sie bei der Erstellung mehrsprachiger Produktdokumentationen ein einheitliches Konvertierungskaliber, um Beispiele für Schriftgrößen für verschiedene Plattformen zu ergänzen.
In der frühen Überprüfungsphase, wenn keine Ausrüstung zum Testen vorhanden ist, verwenden Sie zunächst die statische Konvertierung, um schnell festzustellen, ob die Schriftgrößenstufe im Allgemeinen angemessen ist.

Anleitung

Geben Sie den bekannten Schriftgrößenwert in das Eingabefeld ein und unterstützen Sie Ganzzahlen und Dezimalzahlen.
Wählen Sie links die Quelleinheit aus, optional pt, px, dp, sp.
Wählen Sie rechts die Zieleinheit aus und die Ergebnisse werden sofort aktualisiert; Sie können auf die mittlere Schaltfläche „Austauschen“ klicken, wenn Sie es in umgekehrter Reihenfolge anzeigen möchten.
Wenn Sie alles auf einmal sehen möchten, erweitern Sie das Ergebnisfenster, um die vollständige Übereinstimmung des Werts in 4 Einheiten gleichzeitig anzuzeigen.

Funktionen

4 hochfrequente Schriftgrößen/UI-Einheiten, die Folgendes abdecken: pt, px, dp, sp, geeignet für schnellen Vergleich während Design, Front-End und mobiler Bereitstellung
Zwei-Wege-Sofortkonvertierung: Das Ergebnis wird sofort nach Eingabe des Werts aktualisiert, die Quelleinheit und die Zieleinheit können frei umgeschaltet werden, ohne auf die Konvertierungsschaltfläche zu klicken
Fixierte Referenzbeziehungstransparenz: Die aktuelle Seite verwendet 1 px = 0,75 pt, 1 pt ≈ Der gemeinsame Benchmark von 1,333 px erleichtert das einheitliche Kaliber von Spezifikationen und Designentwürfen
Eindeutiger statischer Vergleich von dp und sp: Auf dieser Seite werden dp und sp zur schnellen Konvertierung auf dasselbe Referenzlineal gesetzt, geeignet zum Schreiben von Dokumenten, zum Erstellen von Anmerkungen und zur teamübergreifenden Kommunikation
Kann erweitert werden, um alle Ergebnisse anzuzeigen: Der gleiche Schriftgrößenwert ist in pt, px, dp, sp angegeben. Das entsprechende Die folgenden Werte können gleichzeitig angezeigt werden, um eine einmalige Überprüfung zu erleichtern
Geeignet für kleine Zahlen und Zwischenwerte: gängige nicht ganzzahlige Werte in Designs wie 13,5 px, 10,5 pt, 14 sp können auch direkt konvertiert werden
Melden Sie die Rendering-Grenze klar an: Die Seite unterscheidet zwischen „statischer Konvertierung“ und „echter Geräteanzeige“, um das Risiko einer Verwechslung des Referenzwerts mit der endgültigen physischen Größe zu verringern
Reine Browser-lokale Berechnung: keine Netzwerkanfragen, keine Serverprotokolle, Ihre Designanmerkungen, Komponentenspezifikationen und Lieferdokumentparameter verlassen das Gerät nicht

Wie wähle ich die Einheit für die Schriftgröße aus?

Es geht auch darum, „Wie groß ist die Schriftgröße“ zu schreiben, und unterschiedliche Einheiten eignen sich für unterschiedliche Szenarien. Überlegen Sie zunächst, ob Sie einen Designentwurf, einen Webstil oder eine Android-Spezifikation schreiben.

Einheit	Die häufigsten Szenarien	Vorteile	Notizen	Diese Seite unterstützt
pt	Word, PPT, PDF, Markenspezifikationen, Schriftartendokumente	Am häufigsten im Schriftsatz und Dokumentkontexte, einfach an Schriftartanweisungen anzupassen	Beim Wechsel zum Bildschirmkontext fügen Sie am besten eine Spalte mit px-Vergleich hinzu	Unterstützt
px	Webseiten, Designentwürfe, CSS-Anmerkungen, Schnittstellenentwürfe	Die Kommunikation zwischen Design und Front-End ist am direktesten und am häufigsten in Implementierung	Nicht absolute physische Pixel, Browser und Geräte wirken sich auf die endgültige Anzeige aus	Unterstützung
dp	Android-Layout und Schnittstellenanmerkung	Geeignet für dichteübergreifende Gerätebeschreibung logische Größe	Diese Seite simuliert keine echte Gerätedichte, sondern nur statische Referenzkonvertierung	Unterstützung
sp	Android-Textgrößenanmerkung	Geeignet für Textkontext und einfache Kommunikation mit mobilen Teams	Die tatsächliche Anzeige wird auch durch die Schriftartenskalierung des Systems beeinflusst	Unterstützung
em / rem / mm / in	Web-relative Einheiten oder physische Druckgröße	Geeignet für spezifisches Design und Implementierung Systeme	Es liegt nicht im Unterstützungsbereich der aktuellen Seite und es müssen andere Tools oder Benchmarks verwendet werden	Nicht unterstützt

Best Practices

Vereinbaren Sie zunächst einen einheitlichen Benchmark für das Team und vergleichen Sie ihn dann einheitenübergreifend

Wenn das Design, das Front-End und die mobilen Endgeräte den Konvertierungs-Benchmark nicht zuerst klar erklären, ist es leicht, dass dieselben 16 als unterschiedliche visuelle Größen verstanden werden. Es ist stabiler, zuerst das Kaliber zu vereinheitlichen und dann diese Seite zu verwenden, um die doppelte Einheitenbeschriftung zu ergänzen.

Behandeln Sie die Ergebnisse dieser Seite als Lieferreferenzwert, nicht als endgültiges Rendering-Ergebnis.

Diese Seite eignet sich für den statischen Vergleich von Designentwürfen, Dokumenten und Spezifikationen, aber Browserskalierung, Gerätedichte und Systemschriftarteinstellungen können dazu führen, dass die tatsächliche Anzeige geringfügig abweicht. Bevor Sie online gehen, sollte dennoch eine visuelle Überprüfung in der Zielumgebung durchgeführt werden.

Wechseln Sie zu Längeneinheiten und echter Satzsoftware, wenn physische Abmessungen erforderlich sind

Wenn Sie das tatsächliche Papierformat, die Millimetergenauigkeit des gedruckten Produkts oder die physische Größe der exportierten PDF-Datei bestätigen möchten, schauen Sie sich nicht nur die statischen Konvertierungsergebnisse von pt/px/dp/sp an.

Android-Text berücksichtigt die Skalierung der Systemschriftart

sp Die Leistung auf realen Geräten wird durch die Skalierung der Systemschriftart beeinträchtigt. Diese Seite kann Ihnen nur statische Referenzwerte liefern. Wenn es um Barrierefreiheit und Anpassung an mehrere Geräte geht, müssen Sie es auf einem echten Gerät testen.

Web Wenn Sie tatsächlich rem oder em verwenden, klären Sie zunächst die Root-Schriftgröße.

Diese Seite ändert rem/em nicht direkt, Sie können rem/em jedoch entsprechend der Projekt-Root-Schriftgröße auf px zurücksetzen und es dann mit pt oder Designanmerkungen vergleichen. Der Schlüssel liegt darin, sich zunächst den Kontext klar zu machen.

Versuchen Sie, bei der Übermittlung sowohl die ursprüngliche Einheit als auch das Umrechnungsergebnis beizubehalten.

Wenn Sie es beispielsweise als 16 px / 12 pt oder 14 sp / 14 pt schreiben, kann der Empfänger Ihre ursprüngliche Absicht schnell verstehen und die spätere Rückverfolgung erleichtern.

Häufig gestellte Fragen

Welche Einheiten unterstützt dieser Einheitenkonverter für Schriftgrößen?

Diese Seite unterstützt derzeit 4 Einheiten: pt, px, dp, sp. Es eignet sich für den statischen numerischen Vergleich in Designentwürfen, CSS-Schriftgrößen, Android-UI-Anmerkungen und Komponentendokumenten. Die aktuelle Seite unterstützt keine anderen Satz-/Längeneinheiten wie em, rem, mm, cm, in oder pc.

1 pt entspricht wie vielen px? 16 px sind gleich wie viele pt?

Gemäß der derzeit auf dieser Seite angenommenen festen Referenzbeziehung ist 1 pt ≈ 1,333 px, 1 px = 0,75 pt. Also 16 px = 12 pt, 12 pt = 16 px, 18 px = 13,5 pt. Dieses Kaliber eignet sich sehr gut für die schnelle Gegenprüfung zwischen Webdesign-Entwürfen und Präsentationsdokumenten.

Was ist der Unterschied zwischen px und pt?

pt (Punkt) konzentriert sich mehr auf den Schriftsatz und den Dokumentkontext und erscheint in der Vergangenheit oft zusammen mit Druck und Schriftgröße; px (Pixel) konzentriert sich mehr auf den Bildschirm- und CSS-Kontext und wird häufig in Webseiten und Anmerkungen zu Designentwürfen verwendet. Sie können beide zur Beschreibung von Schriftgrößen verwendet werden, aber die Nutzungsumgebungen sind unterschiedlich, sodass viele Teams bei der Bereitstellung von Designs Konvertierungsvergleiche zwischen px und pt durchführen müssen.

Was ist der Unterschied zwischen dp und sp?

dp wird normalerweise für den Ausdruck der Schnittstellengröße in Android verwendet, der sich auf die Dichte bezieht, aber nicht der Schriftskalierung folgt, und sp wird normalerweise für den Ausdruck der Textgröße verwendet, der der Schriftskalierung folgt. Es ist zu beachten, dass diese Seite zum Zwecke des statischen Spezifikationsvergleichs nicht die tatsächliche Gerätedichte oder Systemschriftskalierung liest, sondern diese auf eine einheitliche Referenzbasis für die lineare Konvertierung stellt.

Warum entspricht der von der Seite ausgelagerte Wert möglicherweise nicht genau der tatsächlichen Geräteanzeige?

Weil der tatsächliche Anzeigeeffekt durch die Browserskalierung, die Pixeldichte des Geräts, die Stammschriftgröße, die Schriftartenskalierung des Systems, die Plattform-Rendering-Strategie und die Exportregeln der Designsoftware beeinflusst wird. Das Ziel dieser Seite ist die Vereinheitlichung statischer Kaliber und nicht die Simulation der Rendering-Ergebnisse realer Geräte. Bevor Sie also endgültig live gehen, sollten Sie noch eine tatsächliche Sichtprüfung des Zielbrowsers oder Zielgeräts durchführen.

Warum sind die Beziehungen zwischen dp, sp und pt in diesem Tool so eng?

Weil die aktuelle Seite statische Konvertierungskaliber unter einem einheitlichen Referenzlineal verwendet, was Ihnen einen schnellen Vergleich verschiedener Einheiten in Dokumenten, Designentwürfen und Spezifikationen ermöglicht, anstatt die Echtzeit-Rendering-Umgebung eines bestimmten Geräts zu lesen. Sie können sich dies als einen „Konvertierungsreferenzwert im gelieferten Zustand“ vorstellen und nicht als einen echten Pixelrechner in der Android-Laufzeitumgebung.

Kann es gegen rem, em, mm, cm oder Zoll umgetauscht werden?

Derzeit nicht. Der tatsächlich unterstützte Bereich dieser Seite beträgt nur vier Einheiten: pt, px, dp und sp. Wenn Sie relative Einheiten wie rem und em oder physikalische Längeneinheiten wie mm, cm und in benötigen, sollten Sie die entsprechende Designbasis oder andere Längenwerkzeuge verwenden, um diese separat zu verarbeiten.

Ist diese Seite für den realen Druck oder die Berechnung der Druckgröße geeignet?

Sie ist nicht als direkter Ersatz für die Berechnung der tatsächlichen Druckgröße geeignet. Da diese Seite derzeit weder physische Längeneinheiten wie mm, cm und Zoll bereitstellt, noch Drucker-DPI-, Ausgabemedien- und Dokumentlayoutregeln verarbeitet. Wenn Sie das tatsächliche Papierformat bestätigen möchten, sollten Sie stattdessen Längeneinheiten und tatsächliche Satzsoftware zur endgültigen Überprüfung verwenden.

Kann ich einen Dezimalwert wie 13,5 px eingeben?

Ja. Nicht ganzzahlige Werte wie 10,5 pt, 13,5 px und 14 sp werden häufig in Designsystemen und Schnittstellen-Feinabstimmungsszenarien verwendet. Diese Seite kann sie direkt konvertieren. Dies erleichtert die Bereitstellung von Komponentenspezifikationen, die Organisation von Anmerkungsdokumenten und die Durchführung von Multi-End-Vergleichen.

Wie sollte ich dieses Tool bei der Bereitstellung von Designs verwenden?

Ein sichererer Ansatz besteht darin, die ursprünglichen Designeinheiten beizubehalten und diese Seite dann zum Ausfüllen einer Spalte mit konvertierten Referenzwerten zu verwenden. Wenn der Designentwurf beispielsweise in 16 Pixel geschrieben ist, können Sie ihn auch für das Frontend- oder Dokumentationsteam in 16 Pixel / 12 pt schreiben. Solange sich das Team zunächst auf die gleiche Konvertierungsbasis einigt, werden die Kommunikationskosten viel geringer sein.

Kann diese Seite offline genutzt werden? Werden die Daten hochgeladen?

Ja. Nach dem Laden der Seite werden alle Schriftgrößenkonvertierungen lokal im Browser durchgeführt, ohne Netzwerkanfragen, ohne Serverprotokolle und ohne Formularübermittlungen. Ihre Designspezifikationen, Komponentenanmerkungen und Lieferdokumentparameter werden nicht auf den Server hochgeladen und die Eingabe wird nach dem Schließen der Seite gelöscht.

Glossar

Punkt (pt): Klassische Schriftgrößeneinheit für den Schriftsatz, die häufig in Word, PPT, PDF, Markenspezifikationen und Schriftbeschreibungsdokumenten verwendet wird.
Pixel (px): Eine der gebräuchlichsten Schnittstelleneinheiten in Webseiten und Designentwürfen. In CSS liegt sie näher an einem Referenzpixel als an einem absoluten physischen Pixel.
Dichteunabhängiges Pixel (dp): Eine gängige logische Größeneinheit im Android-Kontext, die verwendet wird, um eine relativ konsistente Schnittstellenskalierung über Geräte unterschiedlicher Dichte hinweg aufrechtzuerhalten.
Schriftskalierungspixel (sp): Eine gängige Einheit im Android-Textkontext, die normalerweise die Systemschriftskalierung berücksichtigt und zum Ausdrücken der Textgröße geeignet ist.
CSS-Referenzpixel: Das im Browser-Layout verwendete Referenzlängenkonzept entspricht nicht unbedingt einem physischen Pixel auf dem Bildschirm.
Gerätepixeldichte: Wie viele physische Pixel pro Längeneinheit des Bildschirms vorhanden sind, wirkt sich auf den tatsächlichen Anzeigeeffekt derselben logischen Einheit auf verschiedenen Geräten aus.
Schriftskalierung: Zusätzliche Skalierungseinstellungen für die Textgröße auf Betriebssystem- oder Anwendungsebene wirken sich auf die tatsächlichen Anzeigeergebnisse aus.
Feste Referenzkonvertierung: Führt eine statische lineare Konvertierung unter einem einheitlichen Benchmark durch, der für den Vergleich zwischen Dokumenten und der Designbereitstellung geeignet ist, aber nicht mit der Simulation einer realen Gerätewiedergabe übereinstimmt.

Schnelle Überprüfung gängiger Ankerpunkte für die Schriftgrößenkonvertierung

Diese Vergleichswerte werden am häufigsten in Designentwürfen, CSS und der Dokumentbereitstellung verwendet.

pt	px	dp (Kaliber dieser Seite)	sp (Kaliber dieser Seite)	Typisches Szenario
9pt	12px	9dp	9sp	Minimale Zusatzinformationen, Tabellensekundärbeschreibung
10,5pt	14px	10,5 dp	10,5 Sp	Kleiner Text, Beschreibungstext
12pt	16px	12dp	12sp	Gemeinsamer Textkörper oder Formulartext
13,5pt	18px	13,5 dp	13,5 Sp	Schwerpunkt auf Text und Kartentiteln
18pt	24 px	18dp	18sp	Große Titel- oder Seitenschlüsselinformationen
24pt	32 px	24dp	24sp	Covertitel, Heldentitel

Wählen Sie die Schriftgrößeneinheit entsprechend der Szene aus

Der gleiche Schriftgrößenwert wird in unterschiedlichen Einheiten geschrieben und bedient unterschiedliche Kollaborationsobjekte.

Szenario	Eher geeignete Einheit	Grund
PPT, Word, Markenhandbuch, PDF-Spezifikation	pt	Am natürlichsten im Dokument- und Satzkontext und am einfachsten an der Schriftartspezifikation anzupassen
Webseitenstil, Designentwurf, Figma/CSS Lieferung	px	Die niedrigsten Kommunikationskosten zwischen Design und Front-End-Implementierung
Android-Layoutgrößenbeschreibung	dp	Näher am logischen Android-Größenkontext
Android-Textgrößenbeschreibung	sp	Näher am Kontext von Annotation mobiler Schriftarten, hängt aber letztendlich immer noch von der Skalierung realer Maschinen ab.
Teamübergreifende Bereitstellung von Dokumenten	Behalten Sie die ursprünglichen Einheiten bei und fügen Sie eine Spalte mit Umrechnungswerten hinzu.	Kann die Lesegewohnheiten von Design, Frontend und mobilen Endgeräten berücksichtigen.

Privacy & Security

Alle Schriftgrößenkonvertierungen auf dieser Seite werden in Ihrem Browser durchgeführt. Die von Ihnen eingegebenen Designanmerkungen, Schriftartenspezifikationen, Komponentendokumente und Bereitstellungsparameter verlassen niemals Ihr Gerät – es gibt keine Netzwerkanfragen, keine Serverprotokolle und Ihre Eingaben werden gelöscht, wenn Sie die Seite schließen. Für interne Designsysteme und unveröffentlichte Spezifikationen werden auf dieser Seite keine Inhalte erfasst oder gespeichert.