Zum Inhalt springen
SPCXTools

Bildschirmauflösung

Sehen Sie sofort Ihre Bildschirmauflösung, Browser-Viewport-Größe, Pixel-Verhältnis und weitere Display-Details.

Läuft lokal – Dateien verlassen dein Gerät nicht

Tool wird geladen…

So nutzt du: Bildschirmauflösung

  1. 1Öffnen Sie die Seite – Ihre Bildschirmauflösung wird sofort oben angezeigt.
  2. 2Prüfen Sie die Details unten – CSS-Auflösung, Geräte-Pixel-Verhältnis, Viewport-Größe, Seitenverhältnis, Farbtiefe und mehr.
  3. 3Ändern Sie die Größe des Browserfensters oder drehen Sie Ihr Gerät; die Werte werden live aktualisiert.
  4. 4Klicken Sie auf Kopieren, um alle Details zu teilen, zum Beispiel in einem Fehlerbericht.

Wie ist meine Bildschirmauflösung?

Ihre Bildschirmauflösung ist die Anzahl der Pixel, die Ihr Display horizontal und vertikal anzeigt, z. B. 1920 × 1080. Dieses Tool erkennt sie sofort, zusammen mit den Details, die Webdesigner, Entwickler und Support-Teams normalerweise benötigen: die CSS-Auflösung, das Geräte-Pixel-Verhältnis, die Größe des Browser-Viewports, den verfügbaren Bildschirmplatz, das Seitenverhältnis, die Farbtiefe, den Farbraum und die HDR-Unterstützung. Alles wird lokal aus Ihrem Browser ausgelesen.

Die Werte verstehen

Die physische Auflösung ist die tatsächliche Anzahl der Pixel auf dem Panel (in den meisten Fällen). Das ist es, was Hersteller bewerben, z. B. 2560 × 1440.

CSS-Pixel sind die logischen Einheiten, die Websites verwenden. Wenn Ihr System die Anzeige skaliert – zum Beispiel auf 200 % bei einem Retina-Bildschirm – deckt ein CSS-Pixel mehrere physische Pixel ab, sodass Text lesbar bleibt und gleichzeitig schärfer aussieht.

Das Geräte-Pixel-Verhältnis verbindet die beiden: Physische Pixel = CSS-Pixel × DPR.

Der Viewport ist der sichtbare Seitenbereich innerhalb des Browsers. Er ändert sich, wenn Sie die Fenstergröße ändern, die Entwicklertools öffnen oder die Lesezeichenleiste anzeigen.

Gängige Bildschirmauflösungen

Name Auflösung Seitenverhältnis
HD (720p) 1280 × 720 16:9
Full HD (1080p) 1920 × 1080 16:9
WUXGA 1920 × 1200 16:10
QHD (1440p) 2560 × 1440 16:9
UWQHD (ultrawide) 3440 × 1440 21:9
4K UHD 3840 × 2160 16:9
5K 5120 × 2880 16:9

Wer benötigt diese Informationen

Webdesigner und Entwickler testen responsive Layouts mit echten Viewport-Größen und Pixel-Verhältnissen und benötigen diese, um Fehlerberichte von Besuchern zu reproduzieren.

Support- und IT-Teams fragen nach Bildschirmdetails bei der Fehlersuche zu Anzeige- oder Layout-Problemen – verwenden Sie den Kopieren-Button, um alles auf einmal zu senden.

Gamer und Kreative stellen sicher, dass ein neuer Monitor mit seiner nativen Auflösung läuft und nicht in einem skalierten oder niedrigeren Modus.

Jeder, der Hintergrundbilder, Screenshots oder Präsentationen kauft, kann Bilder für das schärfste Ergebnis genau an seine Bildschirmgröße anpassen.

Prüfen Sie mit dem Bildwiederholrate-Test, wie schnell Ihr Display aktualisiert wird, oder suchen Sie mit dem Pixelfehler-Test nach fehlerhaften Pixeln.

Häufige Fragen

Warum unterscheidet sich die Auflösung von den Spezifikationen meines Monitors?
Betriebssysteme skalieren oft die Benutzeroberfläche. Ein 3840 × 2160 (4K) Monitor mit 150 % Skalierung meldet an Websites eine „CSS“-Auflösung von 2560 × 1440, mit einem Geräte-Pixel-Verhältnis von 1,5. Die Bildschirmauflösung oben rechnet dies zurück in physische Pixel. Der Browser-Zoom ändert ebenfalls das Pixel-Verhältnis, setzen Sie den Zoom also für genaue Ergebnisse auf 100 % zurück (Strg/Cmd + 0).
Was ist das Geräte-Pixel-Verhältnis (DPR)?
Das DPR ist die Anzahl der physischen Pixel pro CSS-Pixel. Ein Standardmonitor hat ein DPR von 1; Retina-Macs und die meisten Smartphones haben 2 oder 3. Bildschirme mit hohem DPR zeigen schärferen Text und Bilder, da jedes CSS-Pixel mit mehreren physischen Pixeln gezeichnet wird.
Was ist der Viewport und warum ist er wichtig?
Der Viewport ist der Bereich im Browserfenster, in dem Webseiten angezeigt werden, ohne Symbolleisten und Tabs. Webdesigner verwenden ihn – nicht die volle Bildschirmgröße – für responsive Layouts. Daher ist er die nützlichste Angabe, wenn Sie berichten, wie eine Webseite auf Ihrem Gerät aussieht.
Was bedeutet „verfügbare“ Bildschirmgröße?
Das ist der Bildschirmbereich abzüglich permanenter Elemente des Betriebssystems wie der Windows-Taskleiste oder der macOS-Menüleiste und dem Dock – die maximale Größe, die ein Fenster haben kann, ohne diese zu überlappen.
Sind die gemeldeten HDR- und Farbraum-Werte korrekt?
Es spiegelt wider, was der Browser über CSS-Media-Queries meldet. HDR wird als unterstützt angezeigt, wenn sich das Display und das Betriebssystem im HDR-Modus befinden; ein breiter Farbraum (Wide Gamut, Display P3) ist bei Apple-Geräten und neueren Smartphones und Monitoren üblich.