Auflösung testen

Sieh sofort im Browser: Bildschirmgröße, Fenstergröße, Pixeldichte, Lage und was dein Display kann.

Dein Display

···

Bildschirmgröße (CSS-Pixel)

Meldet dein Browser

Vom Browser gemeldet

Bildschirmgröße: ···
Fenstergröße: ···
Sichtbares Fenster: ···
Nutzbarer Bildschirm: ···
Pixeldichte (DPR): ···
Lage: ···
Farbtiefe: ···
Pixeltiefe: ···

DPR heißt: echte Bildpunkte geteilt durch CSS-Pixel. Browser-Zoom ändert die Werte.

Ausgerechnet

Format: ···
CSS-Pixel gesamt: ···
Echte Pixel (geschätzt): ···
Echte Pixel (geschätzt): ···

Ausgerechnet aus CSS-Größe × Pixeldichte. Schätzung – muss nicht genau die Panel-Auflösung sein.

Was das Display kann

Kontrastumfang: ···
sRGB: ···
Display-P3: ···
Rec. 2020: ···
Vollbild: ···

Was der Browser meldet – misst nicht wirklich, was dein Monitor bei HDR und Farben leistet.

Einordnung

Was heißt mein Wert?

Dein Browser meldet {sw} × {sh} CSS-Pixel als Bildschirm. Dein Seitenfenster ist gerade {vw} × {vh} CSS-Pixel, sichtbar sind {vvw} × {vvh}.

Bildschirm und Fenster sind zwei Paar Schuhe: Bildschirm ist, was der Browser als Display sieht, Fenster ist, was die Seite gerade nutzen kann.

Die Werte schwanken mit Zoom, Skalierung, Fenster, Vollbild und mehreren Bildschirmen.

Zum Vergleich

Gängige Auflösungen

1280 × 720HD · Einfache Laptops und günstige Displays16:9

1366 × 768HD · Oft auf kleineren Laptops~16:9

1920 × 1080Full HD · Der übliche Standard am Schreibtisch16:9

2560 × 1440QHD · Beliebt bei 27 Zoll16:9

3840 × 21604K UHD · Üblich bei großen Monitoren und Fernsehern16:9

5120 × 28805K · Teure Displays16:9

Vergleich

Bildschirm vs. Fenster

Bildschirm

···

Browser-Fenster

···

Sichtbares Fenster

···

Bildschirmauflösung und Fenstergröße sind verschieden. Auflösung beschreibt das Display, Fenstergröße den Platz für die Webseite.

Pixeldichte

Pixel pro Zoll (PPI)

PPI schätzen aus echter Auflösung und Zollgröße.

Echte Breite (px)Echte Höhe (px)Diagonale (Zoll)

···

Nimm die echte Auflösung aus den Daten deines Displays. Browser-Werte weichen durch Zoom und Skalierung ab.

Anleitung

So geht's

Auf Ziel-Display aufmachen

Fenster auf den Bildschirm schieben, den du prüfen willst.

Werte ablesen

Größe, Fenster, DPR und Skalierung mit deiner Erwartung vergleichen.

Mit System abgleichen

Mit Anzeige-Einstellungen und Skalierung vergleichen.

Erklärt

Was heißt was?

Bildschirmauflösung

Was dein Browser als Bildschirmgröße meldet, in CSS-Pixeln.

Fenstergröße

Der Platz für die Webseite gerade. Kann kleiner sein als der Bildschirm, je nach Fenster und Browserleisten.

Pixeldichte

Verhältnis zwischen echten Bildpunkten und CSS-Pixeln.

Kleiner Hinweis

Browser-Werte hängen von Skalierung, Zoom, System und Browser ab. Bildschirmgröße ist, was der Browser als Display sieht, Fenstergröße ist, was die Seite gerade nutzen kann. Passt nicht immer zur echten Panel-Auflösung.

So geht's

Auflösung prüfen

Tool auf dem Display aufmachen, das du prüfen willst.
Erkannte Auflösung ablesen.
Browser größer/kleiner ziehen und Fensterwerte vergleichen.
Gerät drehen und schauen, ob die Lage wechselt.

Geht auf:

Monitoren
Laptops
Tablets
Handys
Fernsehern mit Browser

Richtig einstellen

Die passende Auflösung

Native Auflösung nehmen

Stell im System die native Auflösung ein, damit Pixel 1:1 passen.

Skalierung passend wählen

Skalierung ändert, was der Browser in CSS-Pixeln meldet. Ändert aber nichts an den echten Pixeln vom Monitor.

Treiber aktuell halten

Fehlt eine Auflösung in den Einstellungen, hilft oft ein neuer Grafiktreiber.

Was ist der Auflösungstest?

Die Auflösung sagt, aus wie vielen Punkten (Pixeln) dein Bild besteht, z. B. 1920 × 1080. Mehr Punkte können mehr Details zeigen. Dieser Test zeigt, was dein Browser meldet.

FAQ

Fragen zum Auflösungstest

01Wie prüfe ich meine Bildschirmauflösung?

Mach den Auflösungstest auf – du siehst sofort, was dein Browser meldet.

02Was ist meine Bildschirmauflösung?

Was der Browser gerade in CSS-Pixeln meldet. Muss nicht die echte Panel-Auflösung sein.

03Warum steht hier was anderes als auf der Packung?

Skalierung, Zoom, System und Browser ändern, was gemeldet wird.

04Was ist der Unterschied zwischen Auflösung und Fenstergröße?

Auflösung beschreibt den Bildschirm laut System, Fenstergröße den Platz für die Seite.

05Was heißt Pixeldichte (DPR)?

Das Verhältnis zwischen CSS-Pixeln und echten Bildpunkten im Browser.

06Kennt eine Webseite meine echte native Auflösung?

Nicht sicher in jedem Fall. Der Browser meldet Systemwerte, kennt aber nicht garantiert das echte Panel.