Punkt-zu-Pixel-Umrechner
12 Punkt sind 16 CSS-Pixel. Rechnen Sie Schriftgrößen zwischen Punkt, Pixel und Pica nach der CSS-Regel von 96 Pixeln und 72 Punkt pro Zoll um, um Druckvorgaben aus InDesign oder einem Styleguide in Webseiten und E-Mails zu übernehmen. Kostenlos in Ihrem Browser.
- Kostenlos
- Läuft in Ihrem Browser
- Ohne Anmeldung
- Ihre Daten bleiben auf Ihrem Gerät
Im Browser ausführen – kostenlos
Rechenbeispiel
- Wert
- 12
- Ausgangseinheit
- Pt
- Zieleinheit
- Px
- Ergebnis
- 16
- Von-Bezeichnung
- point
- Bis-Bezeichnung
- pixel
- Punkte
- 12
Ein Punkt-zu-Pixel-Umrechner überträgt eine typografische Größe von einer Einheit in eine andere, ohne dass Sie Drucktabellen durchsuchen oder CSS-calc-Formeln neu schreiben müssen.
Unterstützte Einheiten und wie die 96-DPI-Umrechnung berechnet wird
Der Umrechner akzeptiert drei typografische Familien unter stabilen kanonischen Codes: pt für den PostScript- und CSS-Punkt gleich einem Zweiundsiebzigstel Zoll, px für das CSS-Referenzpixel bei sechsundneunzig Punkten pro Zoll gleich einem Sechsundneunzigstel Zoll und pc für das Pica gleich zwölf Punkten. Freundliche Aliasse wie point, points, pixel, pixels, pica und picas werden ohne Rücksicht auf Groß- und Kleinschreibung normalisiert, sodass Formulare und APIs entweder Kurzcodes oder vollständige Namen übergeben können. Jede Anfrage multipliziert den Eingabewert mit dem exakten Punkte-pro-Einheit-Faktor der Quelle und teilt ihn dann durch den Punkte-pro-Einheit-Faktor des Ziels.
Die Faktoren folgen dem CSS-Modell absoluter Längen: ein Punkt ist ein Punkt, ein Pixel ist drei Viertel eines Punktes, denn zweiundsiebzig geteilt durch sechsundneunzig ergibt null Komma sieben fünf, und ein Pica sind genau zwölf Punkte. Gleichbedeutend gilt: ein Zoll entspricht sechsundneunzig Pixeln, zweiundsiebzig Punkten und sechs Pica, sodass ein Punkt vier Drittel eines Pixels und ein Pica sechzehn Pixel sind.
Da die Zwischenbasis stets der Punkt ist, sind die Umrechnungen von A nach B und von B nach A bis zur veröffentlichten Rundung von zwölf Nachkommastellen konsistent, und es gibt keine paarweise Matrix, die aus dem Takt geraten könnte. Geräte-Pixelverhältnisse, physische Bildschirm-DPI-Überschreibungen, relative em- und rem-Einheiten, Millimeter und Zoll liegen bewusst außerhalb des Rahmens, damit Designer und Ingenieure vorhersehbare, rein typografische Ergebnisse unter einer klaren CSS-Konvention erhalten.
Im Alltag zwischen Druck und Web
Nutzen Sie den kostenlosen Punkt-zu-Pixel-Umrechner im Browser, wenn Sie eine schnelle Prüfung von zwölf Punkt zu sechzehn Pixel, eine Pica-zu-Pixel-Brücke von Druck zu Web oder eine Rückrechnung von Pixel zu Punkt beim Lesen eines Styleguides, eines Figma-Exports, einer InDesign-Vorgabe oder einer CSS-Tabelle absoluter Längen brauchen. Öffnen Sie die Seite, geben Sie Zahl und Einheiten ein und kopieren Sie das Ergebnis, ohne einen Desktop-Einheitenrechner, eine Drucktabelle oder eine lokale Font-Metrik-Bibliothek zu installieren.
Kombinieren Sie diesen Endpunkt mit allgemeinen Längenumrechnern, wenn eine Produkt-Pipeline zusätzlich Millimeter oder Zoll benötigt, oder rufen Sie ihn allein auf, wenn der Suchverkehr gezielt Punkt zu Pixel, pt zu px und Pica-Umrechnung bei sechsundneunzig DPI meint statt eines allgemeinen Einheitenumschalters. Ausgangseingaben folgen denselben Aufbewahrungsregeln wie andere KIT-parse-Positionen, und Ergebnisse lassen sich sicher zwischenspeichern, weil der Algorithmus vollständig deterministisch ist.
Autoren, die Designwerkzeuge oder Chatbots ausliefern, können die Felder result, points, dpi und formula direkt in Karten abbilden, die sowohl die Zahl als auch den Umrechnungsweg zeigen, den Designer, Entwickler und Drucktechniker auf Papier erwarten.
Anwendungsfälle
Übergabe von Druck zu Web
Normalisieren Sie Pica und Punkt aus InDesign- oder Quark-Vorgaben in CSS-Pixel, wenn Sie E-Mail-Vorlagen, Landingpages und PDF-zu-HTML-Vorschauen erstellen.
Häufige Fragen
Was passiert, wenn ich eine unbekannte Einheit sende?
Die Meldung nennt das Feld und listet die unterstützten Einheiten auf (pt, px, pc). Validierungsfehler werden nicht berechnet.
Wie viele Pixel hat ein Pica?
16 Pixel. Ein Pica sind 12 Punkt, und jeder Punkt entspricht vier Dritteln eines CSS-Pixels. Sechs Pica ergeben zusammen genau einen Zoll.
Warum ist ein Pixel 0,75 Punkt?
Weil CSS 96 Pixel und 72 Punkt auf einen Zoll festlegt. Teilen Sie 72 durch 96, erhalten Sie 0,75, ein Pixel ist also drei Viertel eines Punkts.
Berücksichtigt der Umrechner Bildschirmauflösung oder hochauflösende Displays?
Nein. Er verwendet das CSS-Referenzpixel bei 96 dpi. Geräte-Pixelverhältnisse, DPI-Einstellungen des Bildschirms und relative Einheiten wie em und rem gehören nicht dazu.
Kann ich negative Werte umrechnen?
Ja. Negative Werte sind für vorzeichenbehaftete Größenänderungen im Layout erlaubt und werden wie andere umgerechnet. Null bleibt in jeder Zieleinheit null.
Verwandte Tools
Für Entwickler — API-Zugang
Alles auf dieser Seite ist auch per API verfügbar. Dieser Abschnitt richtet sich an Teams, die es in ihre eigenen Systeme einbinden möchten; alle anderen nutzen einfach das Tool oben.
Endpunkt
Authentifizierung per Bearer-Token. Ein einziger POST stellt die Aufgabe in die Warteschlange; das Ergebnis erhalten Sie per Webhook oder über einen signierten Link.
Aufruf aus Ihrem Stack
curl -X POST https://api.kit.forhosting.com/conv/typography-pt-px \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"value":12,"from":"pt","to":"px"}'const res = await fetch("https://api.kit.forhosting.com/conv/typography-pt-px", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"value": 12,
"from": "pt",
"to": "px"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/conv/typography-pt-px",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"value": 12,
"from": "pt",
"to": "px"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/conv/typography-pt-px", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"value":12,"from":"pt","to":"px"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"value":12,"from":"pt","to":"px"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/conv/typography-pt-px", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Beispiel-Anfrage
{
"value": 12,
"from": "pt",
"to": "px"
}Beispiel-Antwort
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "conv.typography_pt_px",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}Die API arbeitet asynchron: Sie erhalten sofort eine task_id. Polling ist mit 1 Anfrage pro Sekunde erlaubt.
Preis
Der Preis steht auf der Seite – keine Tokens, keine Credits. Fehlgeschlagene Aufgaben werden nicht berechnet.
Fehler
| HTTP | Code | Bedeutung |
|---|---|---|
401 | unauthorized | Der API-Schlüssel fehlt oder ist ungültig – prüfen Sie den Authorization-Header (Bearer). |
402 | insufficient_balance | Ihr Guthaben reicht für diese Aufgabe nicht aus – Aufladungen verfallen nicht. |
404 | unknown_type | Unbekannter Aufgabentyp – prüfen Sie das Feld „type“ gegen den Katalog. |
429 | rate_limited | Zu viele Anfragen – warten Sie kurz; Polling ist mit 1 Anfrage pro Sekunde erlaubt. |
Technische Hinweise
Das Browser-Werkzeug läuft kostenlos auf Ihrem Gerät; die per Guthaben bezahlte API berechnet $0.002 pro erfolgreicher Position, wenn Design-Pipelines denselben Vertrag von Servern und Automatisierung aus benötigen.
Anfrageform, Antwortfelder und Fehler bei unbekannten Einheiten
Die Fehlermeldung nennt das fehlerhafte Feld und listet den unterstützten Satz auf, sodass Clients Formulare korrigieren können, ohne zu raten. Negative Werte sind erlaubt, wenn Sie vorzeichenbehaftete Größendifferenzen in Layout-Pipelines benötigen; null wird in jeder Zieleinheit sauber zu null. Senden Sie einen JSON-Körper mit drei Pflichtfeldern: value als endliche Zahl, from als Zeichenkette der Ausgangseinheit und to als Zeichenkette der Zieleinheit. Für value werden die Aliasse amount, quantity und size akzeptiert, für from die Aliasse unit_from und source, für to die Aliasse unit_to und target. Bei Erfolg spiegelt die Antwort die kanonischen Codes from und to, die menschenlesbaren Zeichenketten from_label und to_label, das umgerechnete result, die Zwischengröße points, den dimensionslosen factor von Quelle zu Ziel, das feste Feld dpi gleich sechsundneunzig, eine kurze formula-Zeile zur Anzeige in der Oberfläche, das Methoden-Tag typography_96dpi und die feste Liste units_supported wider. Fehlendes value, nicht-endliche Zahlen wie NaN oder Infinity, fehlende Einheitenfelder sowie jedes Token, das keiner unterstützten Einheit zugeordnet ist, scheitern mit invalid_input und werden nicht berechnet, nachdem die Engine die Anfrage ablehnt. Große Anzeigegrößen und gebrochene Subpixel-Werte teilen sich denselben Codepfad, sodass extreme Größenpaare wohldefiniert bleiben, solange die IEEE-Double-Genauigkeit das Zwischenprodukt in Punkten darstellen kann.
Browsereinsatz, API-Preise und tägliche Design-Abläufe
Wechseln Sie zur per Guthaben bezahlten API, wenn eine Design-System-Token-Pipeline, ein Theme-Generator, ein E-Mail-HTML-Renderer, ein PDF-Layoutwerkzeug, ein Barrierefreiheitsprüfer oder eine Dokumentationsseite typografische Größen im großen Maßstab unter einem stabilen KIT-Vertrag zu $0.002 pro erfolgreicher Position umrechnen muss; Validierungsfehler, die invalid_input auslösen, verbrauchen nach der Ablehnung.
Integrationsbeispiele
CSS- und Design-System-Tokens
Rechnen Sie Basis-Schriftgrößen aus den Punktangaben der Markenrichtlinien in CSS-Pixel um (und zurück), damit Token-JSON, Tailwind-Konfigurationen und Stylesheets eine einheitliche 96-DPI-Sicht ohne handgeschriebene 4/3-Faktoren teilen.
Doku- und Layout-Pipelines
Rechnen Sie Typografiegrößen in Dokumentationsgeneratoren und Barrierefreiheitsprüfern mit einer per Guthaben bezahlten, deterministischen API und klarem invalid_input bei unbekannten Einheitennamen um.
Technische Fragen
Welche Einheiten unterstützt dieser Punkt-zu-Pixel-Umrechner?
Punkt (pt), CSS-Pixel (px) und Pica (pc). Vollständige Namen und gängige Aliasse werden akzeptiert; unbekannte Einheiten lösen invalid_input aus.
Wie viele Pixel ist ein Punkt bei 96 DPI?
Genau 4/3 CSS-Pixel (etwa 1,333… px), denn 1 in = 96 px = 72 pt. Senden Sie value: 1, from: "pt", to: "px", um es im Feld result zu sehen.
Wie rechne ich 12 Punkt in Pixel um?
Senden Sie JSON mit value: 12, from: "pt", to: "px". Das Feld result der Antwort ist 16, dazu eine points-Zwischengröße, dpi: 96 und eine lesbare formula.
Ist der Punkt-zu-Pixel-Umrechner kostenlos?
Das Browser-Werkzeug läuft kostenlos auf Ihrem Gerät. API-Aufrufe nutzen das per Guthaben bezahlte KIT-Konto zu $0.002 pro erfolgreicher Position; invalid_input-Antworten werden nicht berechnet.