So verwenden Sie es
- Lesen Sie Bildschirm (CSS-Pixel): die Größe des ganzen Bildschirms, so wie der Browser sie zählt.
- Vergleichen Sie Bildschirm (physische Pixel) mit der Angabe auf der Verpackung Ihres Displays oder in den Systemeinstellungen. Sie ist die CSS-Größe mal dem Geräte-Pixelverhältnis.
- Prüfen Sie HDR-Anzeige und Bildwiederholrate. Drücken Sie Erneut messen, während dieser Tab im Vordergrund ist, und schließen Sie andere Programme, die den Bildschirm nutzen.
CSS-Pixel und physische Pixel
Eine Website misst den Bildschirm in CSS-Pixeln, einer Einheit der Seite und nicht des Panels. Auf einem hochauflösenden Bildschirm wird ein CSS-Pixel mit mehreren physischen Pixeln gezeichnet; das Geräte-Pixelverhältnis sagt, wie viele es an jeder Seite sind. Ein Smartphone mit 390 CSS-Pixeln Breite und einem Verhältnis von 3 hat 1170 physische Pixel nebeneinander.
Das Browserfenster ist kleiner als der Bildschirm, wenn es nicht maximiert ist. Seine Größe ändert sich live, wenn Sie es verkleinern oder vergrößern, und sie ändert sich beim Zoomen, weil der Zoom die Zahl der CSS-Pixel verändert, die hineinpassen.
Seitenverhältnis, Farbtiefe und HDR
Das Seitenverhältnis ist die Breite geteilt durch die Höhe, als Bruch gekürzt: 1920 mal 1080 ergibt 16:9. Gängige Bildschirme haben Namen: 16:9 und 16:10 sind Breitbild, 4:3 ist der ältere Standard, und 21:9 und 32:9 sind Ultrawide. Hat der Bruch große Zahlen, zeigt die Seite das nächstliegende gängige Verhältnis, mit dem Zusatz etwa.
Die Farbtiefe ist die Zahl der Bits, die für jeden Pixel verwendet werden. Bei 24 Bit kann ein Bildschirm 16.777.216 Farben darstellen. HDR heißt, dass das Display einen größeren Helligkeits- und Farbbereich zeigen kann. Die Seite meldet mit dem CSS-Medienmerkmal dynamic-range, ob Ihr Browser ein solches Display angibt.
Die Bildwiederholrate
Die Bildwiederholrate ist, wie oft pro Sekunde der Bildschirm neu gezeichnet wird: 60 Hz sind üblich, bei Spielen und neueren Bildschirmen auch 120 Hz oder 144 Hz. Die Seite zählt die Animationsbilder, die der Browser in einer Sekunde zeichnet, und nimmt den typischen Abstand zwischen ihnen. Wenige ausgelassene Bilder ändern das Ergebnis daher nicht. Browser geben die Rate des Panels nicht direkt an; dies ist daher eine Messung.
Beispiel: ein Laptop mit 1080p und 125 Prozent Skalierung
Ein Laptop-Panel mit 1920 mal 1080 Pixeln und einer Windows-Skalierung von 125 Prozent ergibt ein Geräte-Pixelverhältnis von 1,25. Der Browser meldet dann einen Bildschirm von 1536 mal 864 CSS-Pixeln, und die physische Größe ist wieder 1920 mal 1080.
Die Angaben unten zeigt die Seite für diesen Fall: Das Seitenverhältnis ist 16:9, und der Bildschirm hat in CSS-Pixeln etwa 1,3 Megapixel.
| Messwert | Wert |
|---|---|
| Bildschirm (CSS-Pixel) | 1536 × 864 |
| Bildschirm (physische Pixel) | 1920 × 1080 |
| Geräte-Pixelverhältnis | 1,25 |
| Seitenverhältnis | 16:9 · Breitbild |
| Megapixel | 1,3 |
Häufig gestellte Fragen
Was ist der Unterschied zwischen CSS- und physischen Pixeln?
Physische Pixel sind die Punkte des Panels. CSS-Pixel sind die Einheit, die eine Webseite nutzt; der Browser bildet sie mit dem Geräte-Pixelverhältnis auf die physischen Pixel ab. Auf einem hochauflösenden Bildschirm ist die CSS-Größe kleiner als die physische Größe.
Warum meldet mein Browser 1536 Pixel Breite bei einem Display mit 1920 Pixeln?
Die Windows-Skalierung lässt den Bildschirm größer erscheinen, daher hat er weniger CSS-Pixel. Bei 125 Prozent Skalierung sind 1920 physische Pixel 1536 CSS-Pixel; die physische Größe bleibt 1920.
Welche Bildwiederholrate ist gut?
60 Hz ist die übliche Rate für Büro- und Videoarbeit. Höhere Raten wie 120 Hz oder 144 Hz lassen Bewegungen bei Spielen und beim Scrollen flüssiger wirken, und viele Smartphones wechseln die Rate, um Akku zu sparen.
Warum zeigt HDR bei meinem HDR-Monitor Nein an?
Der Browser meldet HDR nur, wenn Betriebssystem und Display es für den Browser einschalten. Ein HDR-Monitor kann daher Nein zeigen, wenn HDR in den Einstellungen von Windows oder macOS ausgeschaltet ist.
Kann diese Seite das Modell meines Monitors erkennen?
Nein. Sie liest nur die Angaben, die der Browser liefert: Größe, Pixelverhältnis, Farbtiefe, Ausrichtung und die HDR-Angabe. Modellnamen und Seriennummern sind Webseiten nicht zugänglich.
Wird etwas über meinen Bildschirm an einen Server gesendet?
Nein. Jede Angabe wird in Ihrem Browser gelesen und gemessen. Nichts wird an uns gesendet oder gespeichert.
Quellen
- Wikipedia (englisch): Display aspect ratio, Seitenverhältnis von Bildschirmen
- Wikipedia (englisch): List of common display resolutions, gängige Bildschirmauflösungen
- MDN (englisch): requestAnimationFrame
- MDN (englisch): Medienmerkmal dynamic-range
- MDN (englisch): Screen.colorDepth
Zahlen und Text zuletzt geprüft: Dienstag, 10. November 2026.