Screenshot-Auflösung

Die Screenshot-Auflösung sind die Pixelabmessungen einer Aufnahme, angegeben als Breite × Höhe. Sie bestimmen Detailgrad, Schärfe und Dateigröße.

Related workflow terms: Retina-Screenshot.

Auflösung und Qualität

Die Auflösung ist das direkteste Maß für die sichtbaren Details. Mehr Pixel erfassen feinere Strukturen, schärfere Schrift und glattere Rundungen. Bei wenigen Pixeln werden Schriftkanten gezackt, dünne Linien verschwinden und kleine UI-Elemente unleserlich.

Ein Screenshot mit 2880 × 1800 Pixeln enthält viermal so viele Bilddaten wie dieselbe Seite mit 1440 × 900. Werden beide in derselben physischen Größe angezeigt, ist die höher aufgelöste Version klarer.

Das ist besonders für Dokumentation, Marketing und Druck wichtig. Leser zoomen, Designer schneiden Bereiche aus und der Druck benötigt viele Pixel. Eine hohe Ausgangsauflösung lässt später mehr Spielraum: Verkleinern ist möglich, echte Details zu einer kleinen Aufnahme hinzuzufügen nicht.

Was die Auflösung bestimmt

• Displayauflösung: Die native Pixelzahl des Bildschirms. Ein 4K-Display liefert als Vollbild bis zu 3840 × 2160 Pixel, ein 1080p-Display höchstens 1920 × 1080.
• Device Pixel Ratio: High-DPI-Displays vervielfachen den logischen Viewport mit DPR 2 oder 3. Aus 1440 logischen Pixeln werden bei 2× 2880 Bildpixel.
• Viewport-Größe: Bei Browser-Aufnahmen legt sie die logische Fläche fest. Ein breiterer Viewport erzeugt ein breiteres Bild.
• Tool-Einstellungen: Manche Werkzeuge überschreiben Standardwerte, setzen eine eigene DPR oder rendern unabhängig vom physischen Display.

Bei automatisierten Abläufen sichern feste Viewport- und DPR-Werte einheitliche Ergebnisse auf verschiedenen Rechnern.

Auflösung und Dateigröße

Werden Breite und Höhe verdoppelt, vervierfacht sich die Pixelzahl. Die Datei wächst entsprechend, wenn auch je nach Format und Komprimierung unterschiedlich.

Verlustfreie PNGs wachsen ungefähr mit der Pixelzahl. Ein Bild mit 2880 × 1800 Pixeln kann 5 bis 10 MB belegen, dieselbe Ansicht mit 1440 × 900 nur 1 bis 2 MB. Verlustbehaftete JPG- und WebP-Dateien wachsen durch das Verwerfen redundanter Daten langsamer, bleiben bei mehr Pixeln aber größer.

Für das Web ist dieser Kompromiss wichtig. Ein 10-MB-Screenshot bremst eine Landingpage. Statt grundsätzlich klein aufzunehmen, sollte das hochwertige Original anschließend passend optimiert werden: richtige Komprimierung, WebP wo unterstützt und responsive Varianten für verschiedene Geräte.

In einem echten Content-Ablauf ist Auflösung eine geplante Vorgabe und kein Zufallsprodukt des verwendeten Displays. Feste Werte für Viewport, DPR und Exportformat erleichtern Vergleich und Veröffentlichung.

Häufige Fehler

• Auf einem High-DPI-Display nur in 1× erfassen. Manche Tools verwenden logische statt physischer Pixel. Prüfe, ob die native DPR genutzt wird.
• Niedrig aufgelöste Bilder hochskalieren. Dadurch entstehen keine neuen Details, sondern interpolierte und unscharfe Pixel. Nimm direkt in der Zielauflösung auf.
• Immer die maximale Auflösung verwenden. Ein 3×-Bild für ein 200 Pixel breites Vorschaubild verschwendet Speicher und Bandbreite. Richte die Auflösung an der größten Anzeigegröße plus sinnvoller Zuschnittreserve aus.
• Nach der Aufnahme nicht komprimieren. Nutze PNG für textreiche verlustfreie Screenshots und WebP oder JPG für fotografische Inhalte, bei denen Verluste vertretbar sind.