Bildschirmauflösung anzeigen

So verwenden Sie dieses Tool

1. Öffnen Sie die Seite: Alle Werte erscheinen sofort, direkt aus Ihrem Browser ausgelesen.
2. Ändern Sie die Fenstergröße, drehen Sie Smartphone oder Tablet oder ziehen Sie das Fenster auf einen anderen Monitor. Die Werte aktualisieren sich live.
3. Mit Als Text kopieren kopieren Sie alle Werte als Klartextliste – praktisch für einen Fehlerbericht oder eine Supportanfrage.

Was die einzelnen Werte bedeuten

Bildschirmauflösung (CSS-Pixel) ist die Größe Ihres gesamten Bildschirms, wie Webseiten ihn sehen. Bei einem normalen Monitor mit 100 % Skalierung entspricht sie der echten Auflösung. Bei Bildschirmen mit hoher Pixeldichte ist sie kleiner: Ein Laptop mit einem 2880 × 1800-Panel und 200 % Skalierung meldet 1440 × 900.

Physische Pixel (Schätzung) ist die Bildschirmauflösung multipliziert mit dem Gerätepixelverhältnis. Das ist meist die native Auflösung des Panels, und das Tool nennt gängige Bezeichnungen wie Full HD (1080p), QHD (1440p) oder 4K UHD.

Gerätepixelverhältnis (Device Pixel Ratio) gibt an, wie viele physische Pixel einen CSS-Pixel bilden. 1 ist ein klassischer Monitor, 1,25 oder 1,5 ist bei Windows-Laptops mit Anzeigeskalierung üblich, 2 ist typisch für Retina-Macs und 3 für viele Smartphones. Auch der Browser-Zoom verändert den Wert.

Viewport (Seitenbereich) ist der Teil des Fensters, in dem die Seite gezeichnet wird, ohne Symbolleisten und Tabs. Auf diese Größe zielen Webdesigner mit responsiven Layouts und Media Queries.

Verfügbarer Bildschirm ist der Bildschirm abzüglich fester Systembereiche wie der Windows-Taskleiste oder der macOS-Menüleiste und des Docks. Browserfenster ist die Außengröße des Fensters einschließlich Rahmen und Symbolleisten.

Seitenverhältnis ist die Form des Bildschirms, etwa 16:9, 16:10 oder 21:9 Ultrawide. Ausrichtung gibt an, ob der Bildschirm im Querformat oder Hochformat ist, mit dem Drehwinkel, sofern der Browser ihn meldet.

Farbtiefe ist die Zahl der Bits pro Pixel: 24 Bit bedeuten 8 Bit pro Kanal, 30 Bit bedeuten 10 Bit pro Kanal. Farbraum zeigt den größten Bereich, den der Bildschirm laut Browser abdeckt: sRGB, Display P3 oder Rec. 2020. HDR-Bildschirm gibt an, ob der Browser einen Bildschirm mit hohem Dynamikumfang meldet. Pinch-Zoom zeigt die Zoomstufe, wenn Sie auf einem Touchscreen mit zwei Fingern zoomen.

Warum die Werte überraschen können

Webseiten sehen die echte Hardware nie direkt. Betriebssysteme skalieren alles, damit Text auf dichten Bildschirmen lesbar bleibt; ein 4K-Monitor mit 150 % Skalierung wirkt für den Browser daher wie ein Bildschirm mit 2560 × 1440. Die Zeile Physische Pixel (Schätzung) kehrt diese Rechnung um. Bei 100 % Browser-Zoom ist sie exakt, doch Browser behandeln den Zoom unterschiedlich – setzen Sie ihn also mit Strg+0 oder Cmd+0 zurück, bevor Sie sich darauf verlassen. Auf Smartphones kann das Ergebnis wegen Rundungen um einige Pixel von der beworbenen Auflösung abweichen.

Nutzen Sie mehrere Monitore, beschreiben die Werte den, auf dem sich das Browserfenster gerade befindet.