Finden Sie Ihre Bildschirmauflösung, Viewport-Größe, das Pixelverhältnis, die tatsächliche physische Auflösung, Farbtiefe und das Seitenverhältnis. Kostenlos und läuft in Ihrem Browser.

Alles wird direkt aus Ihrem Browser ausgelesen — nichts wird hochgeladen oder gespeichert.

Bildschirmauflösung
×
Browser-Viewport
×
Ändern Sie die Größe dieses Fensters oder verschieben Sie es, um die Viewport-Werte live zu beobachten.
Geräte-Pixelverhältnis
Physische Auflösung
×
CSS-Pixel × Pixelverhältnis — die effektiven Hardware-Pixel.
Seitenverhältnis
Farbtiefe
Ausrichtung
Verfügbarer Bildschirm
×
Bildschirmfläche abzüglich der Taskleiste / Docks des Betriebssystems.

Über Bildschirmauflösungs-Checker

Der Bildschirmauflösungs-Checker beantwortet „wie hoch ist meine Bildschirmauflösung" sofort und geht dann weiter als die meisten: Er meldet eure Bildschirmauflösung in CSS-Pixeln, euer Browser-Ansichtsfenster, das Geräte-Pixelverhältnis, die tatsächliche physische Auflösung, die diese beiden implizieren, den verfügbaren Bildschirmbereich (was nach Taskleiste oder Dock übrig bleibt), Farbtiefe, Ausrichtung, Seitenverhältnis und die nächstliegende Standardauflösungsklasse, der euer Display entspricht.

Der Unterschied zwischen den Zahlen zählt. Die Bildschirmauflösung ist das, was das Betriebssystem für das gesamte Display meldet; das Ansichtsfenster ist nur der Teil, den eure Browserseite tatsächlich nutzen kann; und auf hochauflösenden Bildschirmen multipliziert das Geräte-Pixelverhältnis CSS-Pixel in Hardware-Pixel — ein Laptop, der 1512 × 982 bei einem Verhältnis von 2× meldet, ist physisch ein 3024 × 1964 großes Panel.

Alles wird direkt aus eurem Browser gelesen, sodass nichts hochgeladen oder gespeichert wird. Die Werte des Ansichtsfensters aktualisieren sich live, während ihr das Fenster verändert oder bewegt — nützlich beim Prüfen responsiver Breakpoints —, und eine Schaltfläche „Alles kopieren" erfasst den vollständigen Wert für einen Fehlerbericht oder ein Support-Ticket.

So verwenden Sie Bildschirmauflösungs-Checker

  1. Öffnet die Seite — eure Auflösung, das Ansichtsfenster, das Pixelverhältnis und weitere Anzeigewerte erscheinen sofort.
  2. Vergleicht die Bildschirmauflösung mit der physischen Auflösung, um zu sehen, wie sich Display-Skalierung auf eure Maschine auswirkt.
  3. Verändert oder bewegt das Browserfenster und beobachtet, wie sich die Werte des Ansichtsfensters live aktualisieren.
  4. Prüft das Seitenverhältnis und die nächstliegende Standardübereinstimmung, um eure Display-Klasse zu identifizieren.
  5. Drückt Alles kopieren, um den vollständigen Wert in die Zwischenablage zu legen.

Häufig gestellte Fragen

Wegen der Display-Skalierung. Betriebssysteme rendern auf hochauflösenden Bildschirmen in skalierten CSS-Pixeln, sodass ein 4K-Panel bei 200 % Skalierung 1920 × 1080 meldet. Multipliziert mit dem auf dieser Seite gezeigten Geräte-Pixelverhältnis, um die physische Pixelzahl zu erhalten.

Die Bildschirmauflösung umfasst das gesamte Display. Das Ansichtsfenster ist nur der Bereich innerhalb eures Browserfensters, in dem eine Webseite rendert — kleiner um die Höhe von Symbolleisten, Tabs und eventuellen Betriebssystemleisten. Breakpoints im responsiven Design reagieren auf das Ansichtsfenster, nicht auf den Bildschirm.

Es ist die Anzahl physischer Hardware-Pixel, die einem CSS-Pixel entsprechen. Ein Verhältnis von 1 bedeutet, sie stimmen überein; 2 oder 3 zeigt ein hochauflösendes (Retina-Klasse) Display an, bei dem Bilder und Text mit zusätzlichen Hardware-Pixeln für Schärfe gerendert werden.

Es ist eure Bildschirmauflösung abzüglich des dauerhaft vom Betriebssystem reservierten Platzes — der Taskleiste unter Windows oder Dock und Menüleiste unter macOS. Es ist der größte Bereich, den ein maximiertes (nicht Vollbild-)Fenster einnehmen kann.

Ja. Jeder Wert wird lokal von eurem Browser gelesen, und nichts wird hochgeladen oder gespeichert. Das Werkzeug ist völlig kostenlos, ohne Konto oder Limit.

Brauchen Sie Hilfe?
Ein Problem mit diesem Tool gefunden? Sagen Sie es unserem Team.
Problem melden

Füge dieses kostenlose Tool zu deiner eigenen Website hinzu — kopiere den Code unten und füge ihn ein.