Gerätepixelverhältnis prüfen

Ihr Gerätepixelverhältnis und die Exportgrößen, die darauf scharf wirken.

Läuft in Ihrem Browser
Keine Uploads
Kein Konto

Ihr Browser-Tool wird geladen…

Was Gerätepixelverhältnis prüfen macht

Auf einem Retina- oder HiDPI-Bildschirm wird ein CSS-Pixel mit mehreren physischen Pixeln dargestellt. Das Gerätepixelverhältnis gibt an, mit wie vielen: 1 auf einem Standardmonitor, 2 auf den meisten Macs, 1,25 oder 1,5 auf vielen Windows-Laptops und oft 3 auf Smartphones.

Diese Zahl erklärt viele kleine Ärgernisse. Screenshots werden doppelt so groß wie erwartet, ein Logo wirkt unscharf, oder eine Bildschirmaufnahme ist größer als das geteilte Fenster. Der Bericht übersetzt das Verhältnis in praktische Größen: in welcher Größe ein Bereich von 1280 × 720 aufgenommen wird und mit welchem Faktor Sie Bilder exportieren sollten.

Beispiel

Ihre Umgebung

Ein MacBook-Display mit Standardskalierung, Browser-Zoom 100 %

Der Bericht zeigt

Ihr Gerätepixelverhältnis: 2×
1 CSS-Pixel = 2 × 2 Gerätepixel · Hohe Pixeldichte (Retina / HiDPI)
Ein Bereich von 1280 × 720 wird aufgenommen mit 2560 × 1440 Pixel
Bilder sollten exportiert werden mit dem 2-Fachen ihrer Anzeigegröße, damit sie scharf wirken

Anleitung: Gerätepixelverhältnis prüfen

Öffnen Sie die Seite auf dem Display, das Sie prüfen möchten.
Lesen Sie in der Tabelle das Verhältnis sowie die Aufnahme- und Exportgrößen ab.
Ziehen Sie das Fenster auf einen anderen Monitor oder ändern Sie den Zoom, um zu vergleichen.

Gut zu wissen

Bei Bruchwerten wie 1,25 oder 1,5 rundet die Exportempfehlung auf 2× auf; so bleiben Bilder scharf, bei etwas größerer Datei.
Screenshots mit hohem Verhältnis sind groß. Verkleinern Sie sie für Dokumentation mit dem Tool Screenshot-Größe ändern wieder auf ihre Anzeigegröße.
Smartphones und Tablets melden ihr eigenes Verhältnis, prüfen Sie also das Gerät, das Ihre Zielgruppe tatsächlich nutzt.

Fragen zu Gerätepixelverhältnis prüfen

Was ist das Gerätepixelverhältnis?

Es ist die Anzahl physischer Bildschirmpixel, mit denen ein CSS-Pixel in jeder Richtung dargestellt wird. Ein Verhältnis von 2 bedeutet, dass jedes CSS-Pixel ein 2 × 2-Block aus vier Gerätepixeln ist; deshalb wirkt Text auf Bildschirmen mit hoher Pixeldichte schärfer.

Warum sind meine Screenshots doppelt so groß wie erwartet?

Screenshots speichern physische Pixel. Auf einem 2×-Display wird ein Fenster mit 1280 CSS-Pixeln Breite zu einem 2560 Pixel breiten Bild. Behalten Sie die große Datei für Druck oder Zoom, oder verkleinern Sie sie für einen Hilfeartikel auf die Hälfte.

Sollte ich Bilder in 2x oder 3x exportieren?

2× deckt die meisten Laptops und Retina-Desktopbildschirme ab. 3× lohnt sich nur für Bilder, die auf hochwertigen Smartphones in voller Größe angesehen werden. Größere Exporte kosten Bandbreite, liefern Sie also standardmäßig 2× aus und ergänzen Sie 3× nur dort, wo Details zählen.

Warum ist mein Gerätepixelverhältnis unter Windows 1,5?

Die Anzeigeskalierung von Windows steht auf 150 %. Das System stellt alles 1,5-mal größer dar, und der Browser meldet das als Verhältnis. Viele 14- und 15-Zoll-Laptops werden standardmäßig mit 125 % oder 150 % Skalierung ausgeliefert.