Was ist meine Bildschirmauflösung, und warum die Zahl falsch wirkt

Deine Bildschirmauflösung ist die Anzahl der physischen Pixel in Breite und Höhe des Displays, geschrieben als Breite × Höhe, zum Beispiel 1920 × 1080. Die Anzeigeeinstellungen deines Systems zeigen sie an. Eine Webseite meldet meist eine andere Zahl, weil Browser in CSS-Pixeln messen, einer Einheit, die Betriebssystem und Browser skalieren. Beide Werte können gleichzeitig stimmen. Der Bildschirmauflösungs-Check zeigt dir Bildschirmgröße, skalierte Größe und Fenstergröße gemeinsam, damit du siehst, welchen Wert du gerade vor dir hast.

BildschirmauflösungWie groß ist mein Bildschirm?Kostenlos loslegen

Physische Pixel und CSS-Pixel

Ein physischer Pixel ist einer der kleinen Lichtpunkte auf dem Panel. Ein CSS-Pixel ist eine Einheit, mit der Webseiten das Layout festlegen. Eine Seite, die 800 CSS-Pixel breit ist, sollte auf jedem Panel etwa den gleichen Anteil des Fensters ausfüllen. Deshalb rechnet der Browser zwischen beiden Einheiten mit dem Geräte-Pixelverhältnis um.

Das Geräte-Pixelverhältnis gibt an, aus wie vielen physischen Pixeln ein CSS-Pixel besteht. Bei einem gewöhnlichen Monitor beträgt es 1. Bei vielen hochauflösenden Bildschirmen liegt es bei 2 oder höher. Dann wird jedes CSS-Pixel mit einem Block aus 2 × 2 physischen Pixeln gezeichnet, weshalb Text schärfer wirkt. Die Bildschirmgröße, die eine Seite in CSS-Pixeln ausliest, ist die physische Größe geteilt durch dieses Verhältnis.

Skalierung im Betriebssystem

Meistens stammt das Verhältnis aus der Anzeigeskalierung des Betriebssystems. Unter Windows ist das die Einstellung Skalierung in den Anzeigeeinstellungen. Unter macOS bestimmen die Auflösungsoptionen eines Displays, wie viel Platz die Benutzeroberfläche bekommt. Ein 4K-Panel hat 3840 × 2160 physische Pixel. Bei 200 Prozent Skalierung bekommt die Oberfläche den Platz von 1920 × 1080, und ein Browser auf diesem Bildschirm meldet 1920 × 1080 CSS-Pixel bei einem Verhältnis von 2.

Die Rechnung ist einfach: Du teilst die physische Größe durch den Skalierungsfaktor.

Panel, physische Pixel	Skalierung	Bildschirmgröße in CSS-Pixeln	Verhältnis
3840 × 2160	100 Prozent	3840 × 2160	1
3840 × 2160	150 Prozent	2560 × 1440	1,5
3840 × 2160	200 Prozent	1920 × 1080	2
1920 × 1080	100 Prozent	1920 × 1080	1

Manche Skalierungswerte gehen nicht glatt auf, dann rundet der Browser das Ergebnis. Eine Abweichung von einem Pixel gegenüber deiner eigenen Rechnung ist normal.

Browser-Zoom verändert die Zahl

Der Zoom im Browser ist eine andere Einstellung als die Anzeigeskalierung. Zoomst du auf 200 Prozent, verdoppelt sich die Größe aller Elemente auf der Seite. Der Browser passt das Geräte-Pixelverhältnis entsprechend an, daher halbiert sich die Fensterbreite in CSS-Pixeln, während der physische Bildschirm gleich bleibt. Ein Fenster, das bei 100 Prozent 1280 CSS-Pixel breit war, kann nach dem Hineinzoomen 640 melden.

Der Zoom ist der häufigste Grund, warum zwei Prüfungen unterschiedliche Zahlen liefern. Wenn ein Wert falsch wirkt, prüfe zuerst die Zoomstufe und drücke dann Ctrl+0, auf dem Mac Cmd+0, um wieder auf 100 Prozent zu kommen.

Bildschirm, verfügbarer Bereich und Fenster

Drei Größen werden leicht verwechselt.

• Der Bildschirm ist das gesamte Display, so wie das Betriebssystem es meldet.
• Der verfügbare Bereich lässt die Flächen aus, die das System für sich selbst reserviert, etwa die Taskleiste unter Windows oder das Dock und die Menüleiste auf dem Mac. Er ist nie größer als der Bildschirm.
• Das Browserfenster, auch Viewport genannt, ist der Bereich, in dem die Seite gezeichnet wird. Tabs, Adressleiste und Lesezeichenleiste zählen nicht dazu, und er ändert sich jedes Mal, wenn du das Fenster größer oder kleiner ziehst.

Wenn eine Seite nach deiner Bildschirmgröße fragt, ist meist der Bildschirm oder das Fenster gemeint. Prüfe, welcher Wert gebraucht wird, bevor du eine Zahl kopierst.

Bildwiederholrate, HDR und Farbraum

Die Bildwiederholrate gibt an, wie oft pro Sekunde das Display das Bild aktualisiert. Ein Browser kann sie nicht direkt auslesen. Eine Seite kann nur zählen, wie viele Animationsbilder sie in etwa einer Sekunde zeichnet. Das Ergebnis ist deshalb eine Messung und kann niedriger ausfallen als die Rate des Bildschirms, wenn der Tab im Hintergrund liegt, der Computer ausgelastet ist oder der Energiesparmodus das Zeichnen bremst. Betrachte den Wert als Näherung. Der Bildwiederholrate-Test führt diese Zählung durch und zeichnet die Bildzeiten, und läuft dein Bildschirm wirklich mit 120 Hz? erklärt, wo sich die Einstellung befindet.

HDR und Farbraum werden ebenfalls über Media Queries gemeldet, also über das, was der Browser erkennt. Das kann von der vollen Leistungsfähigkeit des Displays abweichen und davon, was das System gerade eingeschaltet hat. Nutze diese Werte als Orientierung.

Die Zahl in deinem System finden

Um den Wert zu prüfen, den das System selbst verwendet, öffne die Anzeigeeinstellungen. Unter Windows 11 gehst du auf Einstellungen, dann System, dann Anzeige, und schaust bei Bildschirmauflösung nach. Unter macOS öffnest du die Systemeinstellungen und wählst Displays. Beide zeigen die skalierte Auflösung und die verfügbaren Optionen.

Sobald du die Größe kennst, ist bei einem neuen Bildschirm der nächste Schritt eine Prüfung mit einfarbigen Flächen. Der Pixelfehler-Test füllt das Display mit Schwarz, Weiß, Rot, Grün und Blau, damit du nach hängenden oder toten Pixeln suchen kannst.

So funktioniert es mit fixmint

1. Öffne den Bildschirmauflösungs-Check. Der Wert oben unter „Dein Bildschirm in CSS-Pixeln“ zeigt das Ergebnis.
2. Vergleiche ihn mit „physische Pixel (Schätzung)“ und „Geräte-Pixelverhältnis“. Ein Verhältnis über 1 bedeutet, dass System oder Browser das Bild skalieren.
3. Ändere die Größe des Browserfensters oder den Zoom und beobachte, wie sich „Browserfenster, live“ verändert. Drücke Ctrl+0, auf dem Mac Cmd+0, um wieder auf 100 Prozent zu kommen.
4. Lies „Bildwiederholrate, gemessen, ungefähr“ ab und drücke erneut auf Bildwiederholrate messen, wenn der Wert unplausibel wirkt.
5. Drücke auf Alles kopieren, um die Werte zu kopieren, bevor du sie in ein Support-Formular einfügst.

Kurze Antworten

Warum zeigt mein Monitor eine kleinere Auflösung an, als er hat?

Wahrscheinlich ist die Skalierung über 100 Prozent eingestellt. Die physische Auflösung bleibt unverändert, und die Seite liest die skalierte Größe in CSS-Pixeln aus.

Ändert der Browser-Zoom meine Bildschirmauflösung?

Nein. Er verändert das Pixelverhältnis der Seite und die Fenstergröße in CSS-Pixeln. Setze den Zoom zurück, dann erhältst du wieder den normalen Wert.

Ist die Bildwiederholrate exakt?

Nein. Sie wird aus Animationsbildern über etwa eine Sekunde gemessen. Ein Tab im Hintergrund oder ein ausgelasteter Computer kann den Wert senken.