DPI und PPI: der Unterschied, und warum 300 dpi zählen

Die kurze Antwort auf DPI vs. PPI: PPI (Pixel pro Zoll) beschreibt ein digitales Bild oder einen Bildschirm, und DPI (Punkte pro Zoll) beschreibt, wie fein ein Drucker Tinte aufträgt. Im Alltag werden beide gleich behandelt, und wenn eine Druckerei „300 dpi“ verlangt, meint sie eigentlich 300 Pixel pro Zoll in der fertigen Größe. Entscheidend ist die Pixelzahl: Multipliziere die Druckgröße in Zoll mit 300, und du hast die Pixel, die du brauchst.

Was PPI und DPI tatsächlich messen

Ein Drucker braucht mehrere Tintenpunkte, um die Farbe eines Pixels wiederzugeben, deshalb nennen Drucker Punktdichten weit über 300. Die beiden Zahlen beschreiben also verschiedene Dinge. Weil Designsoftware und Druckereien für beides „dpi“ sagen, übersetzt du jede Bitte um „300 dpi“ am sichersten in „300 Pixel für jeden Zoll des gedruckten Stücks“.

Die eine Rechnung, die du brauchst

Pixel       = Zoll x ppi
Druckgröße  = Pixel / ppi

Postkarte 6 x 4 in bei 300 ppi -> 1800 x 1200 px
A4 (8.27 x 11.69 in) bei 300   -> 2480 x 3508 px
1080 x 1350 px bei 300 ppi     -> 3.6 x 4.5 in

Millimeter in Zoll: durch 25.4 teilen

Rechnest du rückwärts, erfährst du, wie groß ein vorhandenes Bild gedruckt werden kann. Ein Instagram-Beitrag mit 1080 × 1350 wird bei 300 ppi nur auf 3,6 × 4,5 Zoll scharf gedruckt. Ziehst du ihn auf A4, wird jedes Pixel auf mehr als die doppelte Breite gestreckt, und genau dann wirken Drucke weich. Unser Leitfaden zur Auflösung für den Druck hat eine vollständige Tabelle der Größen.

Warum 300 dpi für den Druck, und warum 72 dpi ein Mythos sind

300 Pixel pro Zoll sind der lange etablierte Druckstandard, weil Menschen bei normalem Leseabstand ab etwa dieser Dichte keine einzelnen Pixel mehr erkennen. Plakate und Banner, die aus größerer Entfernung gesehen werden, kommen mit weniger aus, oft 150; das behandelt Plakatgrößen.

Die Idee, Webbilder müssten „72 dpi“ haben, stammt von frühen Mac-Bildschirmen, die zufällig 72 Pixel pro Zoll zeigten. Bildschirme ignorieren die dpi-Angabe völlig; ein Browser oder Handy zeigt ein Bild nach seinen Pixelmaßen. Ein Bild mit 1200 × 630, das als 72 dpi markiert ist, und dasselbe Bild mit 300 dpi sehen auf dem Bildschirm identisch aus und sind genau gleich groß, von ein paar Bytes Metadaten abgesehen.

Die Auflösung ist nicht das Einzige, was sich zwischen Bildschirm und Papier ändert. Auch die Farbe verschiebt sich, weil Bildschirme Licht mischen und Druckmaschinen Tinte; RGB vs. CMYK erklärt, was dich erwartet, und Verläufe drucken behandelt die weichen Übergänge, die am meisten leiden.

dpi ändern fügt keine Details hinzu

Die meisten Bildbearbeitungen lassen dich einen neuen dpi-Wert eintippen. Änderst du die Zahl ohne Neuberechnung, bleiben die Pixel gleich, und nur die vorgeschlagene Druckgröße ändert sich. Rechnest du hoch, erfindet die Software neue Pixel, indem sie Nachbarn mischt, was das Bild größer macht, aber nicht schärfer. Die einzige echte Lösung für ein Bild mit geringer Auflösung ist ein größeres Original oder ein Design, das in der benötigten Größe neu gerendert werden kann.

Pixeldichte auf Bildschirmen

Bildschirme haben echte ppi: Moderne Handys packen weit mehr Pixel in einen Zoll als ein alter Desktopmonitor. Damit alles lesbar bleibt, zeichnen sie jedes CSS-Pixel mit zwei oder drei physischen Pixeln. Deshalb wird ein scharfes Webbild meist in doppelter Anzeigegröße exportiert. Der Browser wählt die richtige Version, wenn du sie anbietest:

<img
  src="hero-1200.png"
  srcset="hero-1200.png 1x, hero-2400.png 2x"
  width="1200" height="600"
  alt="Spring collection hero"
/>

Verläufe und gerenderte Designs umgehen das meiste davon. Weil sie keine festen Pixel haben, lassen sie sich in jeder Größe neu zeichnen, die ein Bildschirm oder Drucker braucht. Die Druckformate von Gradiently sind bereits auf 300 dpi eingestellt, eigene Größen gehen bis 8.000 Pixel, und Pro exportiert bis 4K sowie als SVG und Druck-PDF. Zur Wahl des Formats siehe PNG vs. JPG und SVG vs. PNG.