Rechnen Sie Pixel in typografische Punkt um

Ein Pixel entspricht 0,75 Punkt, denn der CSS-Standard legt fest, dass in ein Zoll 96 Pixel und 72 Punkt passen [1]. Daraus ergibt sich das Paar, das in jedem Projekt wiederkehrt: 16 px sind genau 12 pt, und 24 px sind 18 pt.

In diese Richtung rechnen Sie, wenn das Material am Bildschirm entstanden ist und in der Welt des Drucks landet. Satzprogramme, E-Mail-Programme, Tabellenkalkulationen und das PDF-Format messen Text und Seiten in Punkt, ein in Pixel beschriebenes Layout braucht also die Übersetzung in deren Einheit.

Der Umrechner eignet sich für alle, die eine Datei vom Bildschirm in die Druckerei geben, für Entwicklerinnen, die Seitenmaße aus einem PDF lesen, und für Gestalterinnen mobiler Oberflächen, wo der Punkt etwas ganz anderes bedeutet als im Druck.

Weiter unten finden Sie eine Tabelle der Textgrößen, eine Tabelle großer Werte, die Maße von neun Seitenformaten in PDF-Punkt sowie den Vergleich von Punkt und Pixel auf Apple-Displays. Den umgekehrten Weg übernimmt der Umrechner von Punkt in Pixel.

Die Formel ist kurz: Punkt = Pixel × 72 ÷ 96, also die Multiplikation mit 0,75. Zwanzig Pixel ergeben 15 pt, 40 px ergeben 30 pt, und 96 px ergeben glatte 72 pt, also genau ein Zoll.

Das Ergebnis geht immer dann glatt auf, wenn die Pixelzahl durch vier teilbar ist: 12 px sind 9 pt, 16 px sind 12 pt, 20 px sind 15 pt, 24 px sind 18 pt. Bei allen übrigen Werten erscheinen Viertelpunkt — 15 px ergeben 11,25 pt, 18 px ergeben 13,5 pt. Satzprogramme nehmen solche Brüche ohne Weiteres an.

Der Faktor 0,75 gilt bei einer Dichte von 96 Pixel je Zoll, die der CSS-Standard für den Bildschirm und für den Druck aus dem Browser annimmt [1]. Wenn Sie eine Rastergrafik in einer anderen Auflösung vorbereiten, ermitteln Sie die physische Größe mit dem Umrechner px in mm mit einstellbarer DPI. Der Punkt bleibt an diese Dichte gebunden, unabhängig von den Einstellungen der Leserin, während rem der Textgröße im Browser folgt: bei einer Basis von 16 px ist ein Pixel 0,0625rem, was der Umrechner px in rem berechnet.

Das PDF-Format beschreibt die Lage jedes Elements im Benutzerkoordinatensystem, dessen Standardeinheit 1/72 Zoll beträgt, also genau ein typografischer Punkt. Der Eintrag UserUnit in der Seitenbeschreibung kann diesen Wert ändern; fehlt er, gilt 1/72 Zoll [2]. Der Ursprung liegt in der linken unteren Ecke der Seite, und die senkrechte Achse wächst nach oben.

Deshalb misst ein DIN-A4-Blatt in der PDF-Datei 595 × 842 pt, das amerikanische Letter dagegen 612 × 792 pt. Diese Zahlen begegnen Ihnen in Bibliotheken zur Dokumenterzeugung, in den Protokollen von Druckvorstufenwerkzeugen und im Feld für die Seitengröße in Acrobat, sobald Sie die Einheit auf Punkt umstellen.

Wenn Sie einen Bericht oder eine Rechnung aus Code erzeugen und die Layoutmaße in Pixel vorliegen, multiplizieren Sie sie mit 0,75 und erhalten fertige Seitenkoordinaten. Eine Breite von 800 px ergibt 600 pt, also fünf Punkt mehr als die 595 pt Breite von DIN A4 — der Inhalt passt erst bei einem Layout von 793 px Breite auf die Seite.

Apple nennt die Grundeinheit des Layouts in seinen Systemen ebenfalls Punkt, misst damit aber den Bildschirm und nicht das Papier. Die Eigenschaft scale beschreibt sie wörtlich als Verhältnis zwischen Punkt, dem logischen Koordinatenraum, und Pixel, dem Koordinatenraum des Geräts [3]. Der Wert 1,0 bedeutet, dass ein Punkt einem Pixel entspricht, 2,0 verteilt ihn auf zwei Pixel und 3,0 auf drei.

In der Praxis zeichnet die Gestaltung ein iPhone auf einem Raster von 402 Punkt Breite, während das Display 1.206 Pixel zeigt [4]. Der iOS-Punkt rechnet sich also über den Skalierungsfaktor des Geräts um, während der Faktor 0,75 dieser Seite den typografischen Punkt bedient.

Android hat dieselbe Aufgabe unter dem Namen dp gelöst, dem von der Dichte unabhängigen Pixel. Bezugspunkt ist dort ein Bildschirm mit 160 dpi, und die Formel lautet px = dp × (dpi ÷ 160). Die Dokumentation nennt sie ausdrücklich und rät zugleich, im Code zu TypedValue.applyDimension() zu greifen, statt die Rechnung fest einzutragen [5]. Zwölf Punkt ergeben ein Pica, ein Ergebnis von 240 pt lässt sich also auch als 20 Pica angeben — der Umrechner von Pixel in Pica gibt gleich diese Einheit aus.