Bildschirmauflösung prüfen

Ihre Bildschirmauflösung wird oben in der Tool-Karte angezeigt — zum Beispiel 1920 × 1080. Das ist die Größe Ihres Bildschirms in CSS-Pixeln, der logischen Einheit, die Browser für das Layout verwenden. Darunter finden Sie zusätzlich die geschätzte physische Auflösung, die die Skalierung des Bildschirms berücksichtigt. Weichen die beiden Zahlen voneinander ab, läuft Ihr Bildschirm mit aktivierter Skalierung — was normal und bei hochauflösenden Panels empfohlen ist. Um die Werte live aktualisiert zu sehen, verändern Sie die Größe des Browserfensters oder verschieben Sie es auf einen anderen Monitor; jede Änderung wird sofort neu gemessen.

Moderne hochauflösende Displays nutzen Skalierung, um Text und Symbole in einer angenehmen Größe zu halten. Ein 4K-Monitor mit 150 % Skalierung meldet 2560 × 1440 CSS-Pixel, obwohl das Panel physisch 3840 × 2160 darstellt. Die screen.width- und screen.height-Werte des Browsers verwenden stets CSS-Pixel, sodass die gemeldete Auflösung die skalierte — logische — Auflösung ist. Multiplizieren Sie diese mit dem Gerätepixelverhältnis, erhalten Sie die physische Auflösung — genau diese Rechnung erledigt die Schätzung der physischen Auflösung auf dieser Seite automatisch für Sie.

Das Gerätepixelverhältnis gibt an, wie viele physische Pixel ein Browser verwendet, um einen CSS-Pixel zu zeichnen. Ein DPR von 1 bedeutet, dass ein CSS-Pixel einem physischen Pixel entspricht. Ein DPR von 2 — verbreitet auf Retina-Displays und modernen Laptops — bedeutet, dass jeder CSS-Pixel mit einem Block aus 2 × 2 physischen Pixeln gezeichnet wird, was Inhalte schärfer erscheinen lässt. Der DPR ändert sich auch beim Zoomen: Ein Zoom von 125 % im Browser erhöht den gemeldeten DPR um den Faktor 1,25 — weshalb die Schätzung der physischen Auflösung als ungefähre Angabe gekennzeichnet ist.

Die Bildschirmauflösung beschreibt Ihre gesamte Anzeige — den kompletten Monitor oder das Smartphone-Display. Der Viewport ist dagegen der sichtbare Teil einer Webseite innerhalb Ihres Browserfensters: Er schließt Browser-Symbolleisten, Oberflächenleisten, Seitenleisten und Bildlaufleisten aus. Bei einem maximierten Browser ist der Viewport etwas kleiner als der Bildschirm; in einem kleinen schwebenden Fenster kann er deutlich kleiner sein. Webentwickler nutzen die Viewport-Größe (nicht die Bildschirmauflösung), um responsive Layouts zu bauen, weil CSS-Breakpoints auf den verfügbaren Platz reagieren — weshalb beide Werte auf dieser Seite direkt nebeneinander stehen.

Die physische Auflösung wird berechnet, indem die CSS-Auflösung mit dem Gerätepixelverhältnis multipliziert und auf ganze Pixel gerundet wird. Zwei Faktoren machen daraus eine Schätzung: Der Browser-Zoom verändert den gemeldeten DPR — bei 110 % Zoom wird ein DPR von 2 als 2,2 gemeldet — und manche Browser wenden auf die Bildschirmabmessungen ein eigenes Runden an. Die Schätzung ist exakt, wenn der Browser-Zoom bei 100 % liegt; wir empfehlen daher, den Wert bei zurückgesetztem Zoom (Ctrl/Cmd + 0) zu prüfen, wenn Sie eine genaue Messung benötigen.

Der verfügbare Bereich ist der Teil des Bildschirms, der nicht von dauerhaften Elementen des Betriebssystems belegt ist — etwa der Windows-Taskleiste, dem macOS-Dock oder festen Systemleisten auf Mobilgeräten. Ein 1920 × 1080-Bildschirm mit Standard-Windows-Taskleiste meldet zum Beispiel eine verfügbare Höhe von 1040 Pixeln oder weniger, weil die Taskleiste rund 40 Pixel beansprucht. Anwendungen — einschließlich maximierter Browserfenster — werden innerhalb dieses verfügbaren Bereichs angeordnet, weshalb dies oft die praktischere Zahl ist, wenn Sie berechnen, wie viel Platz ein maximiertes Fenster auf dem Bildschirm tatsächlich erhält.

Öffnen Sie diese Seite und lesen Sie die Schätzung der physischen Auflösung ab — bei einem Browser-Zoom von 100 % entspricht sie der nativen Auflösung des Panels, denn Skalierung kann nicht ändern, wie viele Pixel die Hardware darstellt. Sie können dies im Betriebssystem gegenprüfen: Öffnen Sie unter Windows Einstellungen › System › Anzeige und sehen Sie sich die Anzeigeauflösung an (der empfohlene Eintrag ist der native); öffnen Sie unter macOS Systemeinstellungen › Displays — die Option „Standard für das Display“ nutzt typischerweise die native Auflösung mit Skalierung für mehr Schärfe.

Ja. Das Tool verwendet ausschließlich standardisierte Browser-Schnittstellen und läuft daher auf Android- und iOS-Browsern ebenso wie auf dem Desktop. Auf Mobilgeräten ist die gemeldete Bildschirmauflösung meist die logische (CSS-)Auflösung des Geräts — zum Beispiel 393 × 851 auf vielen Android-Smartphones —, während die Schätzung der physischen Auflösung das tatsächliche Panel widerspiegelt. Drehen Sie das Gerät, und Sie sehen, wie Ausrichtung, Seitenverhältnis und beide Abmessungen in Echtzeit wechseln. Der verfügbare Bereich schließt auf Mobilgeräten die Status- und Navigationsleisten des Systems aus.

Ja — vollständig. Es gibt keine Gebühren, keine Registrierung, keinen Download und kein Limit, wie oft Sie Ihre Werte prüfen können. Jede Messung geschieht lokal in Ihrem Browser: Die Seite liest Ihre Bildschirm-, Fenster- und Anzeigeeinstellungen und stellt sie sofort auf dem Bildschirm dar. Es werden keine Bilddaten, kein Geräte-Fingerprint und keine Nutzungsstatistik an einen Server gesendet, und nichts wird gespeichert, nachdem Sie den Tab geschlossen haben. Sie können das Tool sogar offline nutzen, sobald die Seite einmal vollständig geladen ist.

Die Karte aktualisiert sich bewusst live. Das Ändern der Fenstergröße verändert den Viewport; Zoomen verändert das Gerätepixelverhältnis und damit die physische Schätzung; das Drehen eines Smartphones tauscht Breite und Höhe; das Verschieben des Fensters auf einen zweiten Monitor misst den Bildschirm neu, auf dem es landet. Haben sich Zahlen ohne Ihr Zutun verändert, ist ein externes Ereignis dafür verantwortlich — etwa ein Display, das in den Ruhezustand geht, ein angedockter Laptop, der die Ausgabe wechselt, oder ein Betriebssystem, das die Skalierung für die Barrierefreiheit automatisch anpasst.