QuickUnits

Typografie

px_72dpi zu px_96dpi

1 px @72 = 1,33333 px @96

—

Ein px_72dpi ist 1,3333 px_96dpi. Beide sind die gleiche physikalische Länge, ausgedrückt gegen unterschiedliche angenommene Bildschirmdichten, und die beiden Zahlen sind ein Fossil der alten Trennung zwischen Macintosh und Windows.

h2.units

Keine der Zahlen beschreibt ein reales Display. Apples ursprünglicher Macintosh verwendete eine 72 dpi-Konvention, so dass ein Bildschirm-Pixel einem typografischen Punkt entsprach, was ein WYSIWYG-Layout unkompliziert machte: eine 12-Punkt-Schrift belegte 12 Pixel. Microsoft wählte 96 dpi für Windows, mit der Begründung, dass ein typischer Monitor weiter entfernt betrachtet wurde als eine Seite und dass Text ein Drittel größer sein musste, um gleichermaßen lesbar zu sein. Die beiden Konventionen koexistierten zwei Jahrzehnte lang, und plattformübergreifende Dokumente fielen ein Drittel größer oder kleiner aus, je nachdem, welche Annahme die Software traf.

h2.factor

Der Faktor ist genau 96 ÷ 72 = 4/3. Ein 100-Pixel-Bild bei 72 dpi hat die gleiche physikalische Größe wie ein 133-Pixel-Bild bei 96 dpi. Das Erbe lebt in den Bildmetadaten fort: gescanntes Material und ältere Grafiken sind oft mit 72 dpi getaggt, und das Platzieren eines solchen Bildes in einem Layoutprogramm in seiner nominalen Größe ergibt etwas, das ein Drittel zu groß ist. Die moderne Praxis umgeht das Problem, indem Rasterbilder als Pixelabmessungen behandelt und die Anzeigegröße explizit angegeben werden, aber der dpi-Tag ist immer noch in der Datei vorhanden.

h2.usage

Konvertierung von Legacy-Assets und plattformübergreifende Layout-Arbeit. Bilddateien, die aus älteren Mac-Workflows stammen, enthalten 72 dpi-Metadaten, die neu interpretiert werden müssen. Webgrafiken haben überhaupt keine sinnvolle dpi – der Browser verwendet Pixelabmessungen – doch Designer exportieren aus Gewohnheit immer noch mit 72 dpi, was harmlos ist, aber erklärt, warum die Zahl bestehen bleibt. Screenshot-Abmessungen, Icon-Spezifikationen und PDF-Rasterung berühren alle die gleiche 4/3-Beziehung.

h2.table

table.from (px @72) table.to (px @96)
1 1,33333
2 2,66667
5 6,66667
10 13,3333
25 33,3333
50 66,6667
100 133,333
500 666,667
1 000 1 333,33

approxNote

h2.reverse

1 px @96 = 0,75 px @72

px_96dpi werden mit 0,75 multipliziert, um px_72dpi zu erhalten. Der praktische Rat ist, für die Bildschirmarbeit ganz aufzuhören, in dpi zu denken: Geben Sie Pixelabmessungen für Bilder und rem oder Punkte für Schrift an, und die 4/3 muss nie angewendet werden.

table.from (px @96) table.to (px @72)
1 0,75
2 1,5
5 3,75
10 7,5
25 18,75
50 37,5
100 75
500 375
1 000 750

h2.related

seeAllInCategory