Die großen Zahlen oben sind die Auflösung deines Bildschirms, wie dein Browser sie meldet — zusammen mit den Werten, die Entwickler und Designer wirklich brauchen: Viewport-Größe, Device Pixel Ratio (wie viele physische Pixel sich hinter jedem CSS-Pixel verbergen), Seitenverhältnis und Farbtiefe. Ändere die Fenstergröße, und die Werte aktualisieren sich live.
Beachte: Auf Handys und hochauflösenden Laptops weicht die CSS-Auflösung von der Marketing-Auflösung ab. Ein „4K"-Laptop meldet typischerweise 1920×1080 CSS-Pixel bei einem Pixelverhältnis von 2 — beide Zahlen stehen hier.
Wofür man es nutzt
Webentwicklung
Prüfe auf einen Blick den echten Viewport und das Pixelverhältnis jedes Testgeräts — die Zahlen, die CSS-Media-Queries wirklich sehen.
Support und Fernhilfe
Bitte einen Nutzer, diese Seite zu öffnen und die Zahlen vorzulesen: schneller und genauer, als ihn durch die Systemeinstellungen zu lotsen.
Display-Verifikation
Bestätige, dass ein Monitor wirklich in nativer Auflösung läuft — eine erstaunlich häufige Ursache unscharfer Bildschirme nach Kabel- oder Treiberwechseln.
Häufige Fragen
Warum zeigt mein 4K-Bildschirm 1920×1080?
Dein System nutzt Anzeigeskalierung. Der Browser meldet CSS-Pixel; multipliziere mit dem hier gezeigten Device Pixel Ratio für die physischen Pixel — 1920×1080 bei Verhältnis 2 ist exakt 3840×2160.
Was ist das Device Pixel Ratio?
Die Zahl physischer Bildschirmpixel pro CSS-Pixel. Verhältnis 1 ist ein klassischer Monitor, 2 ist Retina/HiDPI, Handys laufen üblicherweise mit 2,5 bis 4.
Was bedeutet das Seitenverhältnis (z. B. 1,78)?
Das Seitenverhältnis ist die Breite deines Bildschirms geteilt durch die Höhe. 1,78 ist die Dezimalform von 16:9, dem Standard-Breitbildformat; 1,60 ist 16:10, und Ultrawide-Monitore zeigen etwa 2,33 (21:9). Es beschreibt die Form des Displays, unabhängig von der Pixelzahl.
Was ist Farbtiefe (24 Bit)?
Die Farbtiefe gibt an, wie viele Bits die Farbe jedes Pixels beschreiben. 24 Bit heißt 8 Bit je Rot, Grün und Blau — rund 16,7 Millionen Farben, der Standard fast jedes modernen Bildschirms. 30 Bit (10 pro Kanal) nutzen manche HDR- und Profi-Displays für weichere Verläufe.
Warum ist mein Viewport kleiner als mein Bildschirm?
Der Viewport ist nur die Fläche, die der Browser der Webseite lässt — er ist fast immer kleiner als der volle Bildschirm: Tabs, Adressleiste und Lesezeichen nehmen oben Platz, die Taskleiste oder das Dock des Systems noch mehr, und das Fenster ist womöglich nicht maximiert. Maximiere das Fenster oder drücke F11 für Vollbild, und der Viewport wächst Richtung CSS-Bildschirmgröße.
Schickt diese Seite meine Daten irgendwohin?
Nein — die Werte werden lokal von deinem eigenen Browser ausgelesen und angezeigt. Nichts wird übertragen oder gespeichert.