Pixeldichte

Die Pixeldichte gibt an, wie viele Pixel in einer physischen Einheit Bildschirmfläche liegen. Sie wird meist in Pixeln pro Zoll (PPI) gemessen und beeinflusst, wie scharf Text und Bilder auf einem Display erscheinen.

Related workflow terms: Retina-Screenshot.

Pixeldichte und Bildschirmschärfe

Die Pixeldichte entscheidet, ob einzelne Pixel bei normalem Betrachtungsabstand erkennbar sind. Bei ungefähr 100 PPI, wie auf älteren Desktop-Monitoren, lassen sich Pixel erkennen und Textkanten wirken gezackt. Ab etwa 200 PPI verschmelzen sie optisch; Text und Bilddetails erscheinen glatt und scharf.

Apple hat den Begriff „Retina“ für Displays geprägt, deren Pixeldichte bei üblichem Betrachtungsabstand über der Wahrnehmungsgrenze liegt. Bei einem Laptop in Armlänge liegt diese Grenze ungefähr bei 200 PPI, bei einem näher gehaltenen Smartphone eher bei 300 PPI. Moderne Spitzenmodelle überschreiten 400 PPI deutlich.

Der Unterschied ist sichtbar. Text auf einem Laptop-Display mit 220 PPI wirkt merklich schärfer als auf einem externen Monitor mit 110 PPI. Rundungen werden glatter, feine Striche klarer und kleine Schrift bleibt ohne auffällige Kantenglättungsartefakte lesbar.

Auswirkungen auf Screenshots

Ein Screenshot erfasst jeden gerenderten physischen Pixel. Auf einem Monitor mit normaler Dichte und 110 PPI erzeugt ein 1440 Pixel breiter Viewport ein 1440 Pixel breites Bild. Auf einem 2×-Retina-Display mit 220 PPI entstehen bei demselben Viewport 2880 Pixel Breite: doppelt so viele Pixel pro Achse und viermal so viele insgesamt.

High-DPI-Screenshots sind daher in ihren Abmessungen und ihrer Dateigröße größer, enthalten aber wesentlich mehr Details. Werden sie in ihrer logischen Größe auf 1× verkleinert angezeigt, wirken sie besonders scharf, weil mehr Pixel als Anzeigefläche vorhanden sind.

Für einheitliche Ausgaben aus verschiedenen Displays können automatisierte Aufnahme-Tools eine bestimmte Device Pixel Ratio erzwingen. So entstehen von einem 1×-Monitor und einem 3×-Smartphone vergleichbare Ergebnisse.

Device Pixel Ratio

Die Device Pixel Ratio (DPR) verbindet Pixeldichte und Softwaresicht. Sie beschreibt, wie viele physische Pixel einem logischen CSS-Pixel entsprechen. Bei DPR 1 entspricht ein CSS-Pixel einem physischen Pixel. Bei DPR 2 wird daraus ein 2×2-Block mit vier physischen Pixeln.

Betriebssysteme und Browser skalieren damit Oberflächen. Eine 100 CSS-Pixel breite Schaltfläche wird auf einem 2×-Display mit 200 physischen Pixeln gerendert. Ihre sichtbare Größe bleibt gleich, ihre Details verdoppeln sich.

Bei Screenshots bestimmt die DPR die Ausgabeabmessungen. Das Ziel sollte deshalb bekannt sein: maximale Schärfe für Marketingmaterial oder überschaubare Dateien für eine Dokumentation.

Sobald Aufnahmen von verschiedenen Geräten stammen, muss die Pixeldichte bewusst vereinheitlicht werden. Ein Team mit 1×-Monitoren, Retina-MacBooks und mobiler Emulation erzeugt sonst uneinheitliche Dateien.

Häufige Fehler

• Pixeldichte und DPI verwechseln. PPI beschreibt Bildschirme, DPI Drucker. Bei einem Screenshot zählen Pixelabmessungen und die PPI-Dichte des Aufnahmedisplays.
• Gleiche Auflösung für alle Screenshots annehmen. Dieselbe Webseite erzeugt auf einem 1×-Monitor und einem 3×-Smartphone stark unterschiedliche Bildgrößen. Berücksichtige die DPR bei Vergleichen und Stapelverarbeitung.
• Ohne Grund herunterskalieren. Eine Verkleinerung von 2× auf 1× verwirft Details. Unterstützt das Ziel Retina-Bilder oder Druck, behalte die volle Auflösung.
• Die Dateigröße übersehen. Ein 3×-Screenshot enthält neunmal so viele Pixel wie eine 1×-Aufnahme. Optimiere das Bild nach der Aufnahme, um Qualität und Größe auszubalancieren.