Pixeldichte

Die Pixeldichte ist die Anzahl physischer Pixel pro Längeneinheit auf einem Display, gemessen in Pixeln pro Zoll (PPI). Sie hängt von der Auflösung und der physischen Größe des Bildschirms ab. Ein 27-Zoll-Display mit 5120×2880 Pixeln hat eine Diagonale von etwa 5.874 Pixeln, was rund 218 PPI ergibt.

Eine höhere Dichte lässt Text und Linien bei gleichem Betrachtungsabstand glatter wirken. Damit Bedienelemente eine brauchbare Größe behalten, skalieren Betriebssysteme sie. macOS misst die Oberfläche in Punkten und rendert jeden Punkt auf einem Standarddisplay mit 1×1 Pixeln und auf einem Retina-Display mit 2×2 Pixeln.

Im Web heißt dasselbe Verhältnis Device Pixel Ratio: die Anzahl physischer Pixel pro CSS-Pixel.

Pixeldichte und Bildschärfe

Zwei Displays mit derselben Auflösung, aber unterschiedlicher Größe haben unterschiedliche Dichten. Ein Panel mit 1920×1080 wirkt bei 13 Zoll scharf und bei 27 Zoll grob. Die Dichte allein bestimmt nicht, was Sie sehen: Auch Betrachtungsabstand und Skalierungseinstellungen spielen eine Rolle.

Wie Pixeldichte Screenshots beeinflusst

Screenshots erfassen physische Pixel. Auf einem 2x-Retina-Display erzeugt ein Aufnahmebereich von 1600×900 Punkten ein Bild mit 3200×1800 Pixeln. Derselbe Bereich auf einem externen 1x-Monitor ergibt 1600×900 Pixel. Wechselt eine Aufnahmesitzung zwischen Displays, ändern sich die Bildgrößen innerhalb der Serie.

Temposhot zeigt den Dialog Display Configuration Changed, wenn sich die Display-Konfiguration während der Aufnahme ändert, mit den Optionen Continue with Selected Display und Stop Capture.

Device Pixel Ratio

Device Pixel Ratio	Beispiel	Element mit 400 CSS px Breite
1	Standard-Desktopmonitor	400 Pixel
2	Retina-Display eines Mac	800 Pixel
3	Viele aktuelle Smartphones	1200 Pixel

In Browser-Tools und Screenshot-Bibliotheken lässt sich das Device Pixel Ratio einstellen, sodass ein Desktop-Rechner Aufnahmen in Smartphone-Dichte erzeugen kann.

Häufige Fehler

• 1x- und 2x-Screenshots in einem Dokument mischen, sodass manche unscharf oder übergroß wirken.
• Die PPI eines Displays mit dem DPI-Feld verwechseln, das in einem Bild gespeichert ist.
• 2x-Screenshots auf einer Webseite in voller Pixelgröße anzeigen.
• 2x-Aufnahmen um einen ungeraden Faktor statt um genau 50 Prozent verkleinern.

Immer wieder dieselben Screenshots?

Führen Sie jede Aufnahme auf demselben Display aus, damit die Bildgrößen einheitlich bleiben. Siehe Screenshot-Automatisierung auf dem Mac.

Häufige Fragen

Wie prüfe ich die Pixelgröße eines Screenshots?

Öffnen Sie ihn in Screenshot Resolution Checker, oder verwenden Sie auf dem Mac das Informationsfenster von Vorschau.

Ist Pixeldichte dasselbe wie Auflösung?

Nein. Die Auflösung ist die Anzahl der Pixel. Die Dichte gibt die Pixel pro Zoll des physischen Bildschirms an.

Quellen

• Pixel density (Wikipedia)
• Window.devicePixelRatio (MDN)

Weiterführende Ressourcen

• Aufnahmesteuerung und Wiederherstellung: Display-Änderungen während der Aufnahme.
• DPI: der druckorientierte Auflösungswert.