BrowserTools
Startseite / Sonstiges / Bildschirmauflösung und Display-Infos, wie groß ist mein Bildschirm

Bildschirmauflösung und Display-Infos, wie groß ist mein Bildschirm

Prüfe sofort deine Bildschirmauflösung, Viewport-Größe, das Pixelverhältnis, die Farbtiefe, HDR, die Bildwiederholrate und die Touch-Unterstützung, alles lokal in deinem Browser erkannt.

Bildschirmauflösung und Display-Infos, wie groß ist mein Bildschirm wird geladen… Wenn nichts passiert, aktiviere JavaScript.

Du fragst dich, welche Bildschirmauflösung du hast? Dieses Tool beantwortet die Frage sofort, zusammen mit so ziemlich allem anderen, was dein Browser über dein Display weiß. Sobald die Seite lädt, liest es deine Bildschirmauflösung in CSS-Pixeln, schätzt die physischen Pixelmaße durch Multiplikation mit deinem Device Pixel Ratio und zeigt die verfügbare Bildschirmfläche (den Platz, der nach der Taskleiste oder Menüleiste des Betriebssystems übrig bleibt) sowie die Live-Größe des Browser-Viewports selbst. Ändere die Fenstergröße oder drehe dein Handy, und die Viewport-Werte aktualisieren sich in Echtzeit, was das Tool für Responsive-Design-Arbeit ebenso nützlich macht wie für schlichte Neugier.

Häufig gestellte Fragen

Welche Bildschirmauflösung habe ich, und warum weicht sie von der beworbenen Auflösung meines Monitors ab?
Das Tool zeigt deine Bildschirmauflösung in CSS-Pixeln, also dem, was Websites tatsächlich sehen. Auf Displays mit hoher Dichte skaliert das Betriebssystem die Oberfläche, sodass ein 4K-Monitor bei 150 Prozent Skalierung 2560 x 1440 CSS-Pixel meldet. Die Zeile mit der physischen Schätzung multipliziert die CSS-Größe mit deinem Device Pixel Ratio, um den Hardware-Wert zurückzugewinnen, sodass beide Zahlen nebeneinander angezeigt werden.
Was ist das Device Pixel Ratio (DPR)?
Das Device Pixel Ratio ist die Anzahl physischer Hardware-Pixel, die zum Zeichnen eines CSS-Pixels verwendet werden. Ein Verhältnis von 1 bedeutet einen Bildschirm mit Standarddichte, während 2 oder 3 auf ein Display mit hoher Dichte hindeuten, etwa einen Retina-Laptop oder ein modernes Handy. Bruchwerte wie 1,25 oder 1,5 stammen meist von der Anzeigeskalierung des Betriebssystems. Ein höheres Verhältnis bedeutet schärferen Text und schärfere Bilder, weil mehr Hardware-Pixel dieselbe Bildschirmfläche darstellen.
Was ist der Unterschied zwischen Bildschirmauflösung, verfügbarem Bildschirm und Viewport?
Die Bildschirmauflösung ist die volle Größe deines Displays in CSS-Pixeln. Der verfügbare Bildschirm zieht den Platz ab, den das Betriebssystem dauerhaft reserviert, etwa die Windows-Taskleiste oder die macOS-Menüleiste. Der Viewport ist der innere Bereich deines Browserfensters, in dem Seiten tatsächlich dargestellt werden; er schrumpft also, wenn du das Fenster verkleinerst. Die Viewport-Werte auf dieser Seite aktualisieren sich live, während du das Fenster veränderst oder dein Gerät drehst.
Wie wird die Bildwiederholrate gemessen, und wie genau ist sie?
Das Tool misst 120 aufeinanderfolgende Animationsframes mit requestAnimationFrame, nimmt die mediane Zeit zwischen den Frames und rechnet sie in Hertz um. Auf einem unbelasteten System erkennt das zuverlässig gängige Raten wie 60, 90, 120 oder 144 Hz. Hohe CPU-Last, Akkusparmodi oder Browser-Drosselung können den Wert senken; betrachte ihn also als Schätzung und nutze den Knopf zum erneuten Messen, um unter ruhigeren Bedingungen noch einmal zu messen.
Was bedeuten die Farbraum-Werte sRGB, P3 und Rec. 2020?
Sie beschreiben den Farbbereich, den dein Display und dein Browser wiedergeben können. sRGB ist die Standardbasis, die praktisch jeder Bildschirm abdeckt. Display P3 ist etwa 25 Prozent breiter und auf aktuellen Handys, Tablets und Premium-Laptops verbreitet, mit satteren Grün- und Rottönen. Rec. 2020 ist ein noch breiterer Farbraum, den professionelle und HDR-orientierte Displays nutzen. Das Tool meldet über die Media Query color-gamut den breitesten Farbraum, den dein Browser für das Display angibt.
Woher weiß ich, ob mein Bildschirm HDR unterstützt?
Die HDR-Zeile nutzt die Media Query dynamic-range: Sie zeigt ja, wenn der Browser meldet, dass die Ausgabe mit hohem Dynamikumfang auf diesem Display gerade aktiv ist. Beachte, dass HDR oft von mehr als dem Panel selbst abhängt; die Betriebssystemeinstellung, das Kabel und der Browser müssen es alle unterstützen. Wenn du einen HDR-Monitor besitzt, das Tool aber nein anzeigt, prüfe, ob HDR in den Anzeigeeinstellungen deines Systems eingeschaltet ist.
Warum meldet das Tool Touch-Unterstützung, obwohl mein Laptop keinen Touchscreen hat, oder umgekehrt?
Die Touch-Erkennung stützt sich auf das, was der Browser preisgibt, und manche Treiber oder Browser melden Touch-Ereignisse auf Hardware ohne Touchscreen, oder das Gegenteil. Deshalb zeigt das Tool zusätzlich die maximalen Berührungspunkte und die Zeiger-Media-Queries: Ein primärer Zeiger vom Typ fein bedeutet Maus oder Trackpad, grob bedeutet Finger, und die Zeile any-pointer listet alle angeschlossenen Eingabetypen auf. Zusammen ergeben diese Angaben ein deutlich verlässlicheres Bild als ein einfaches Ja oder Nein.
Was bedeutet Farbtiefe?
Die Farbtiefe ist die Anzahl der Bits, mit denen die Farbe eines Pixels beschrieben wird. Der übliche Wert von 24 Bit bedeutet 8 Bit pro Rot-, Grün- und Blaukanal, rund 16,7 Millionen Farben. Manche HDR-fähigen Systeme melden 30 Bit, was über eine Milliarde Farbabstufungen und weichere Verläufe ermöglicht. Angezeigt wird der Wert, den dein Browser für den aktuellen Bildschirm meldet.
Aktualisieren sich die Werte, wenn ich das Fenster verändere oder mein Gerät drehe?
Ja. Das Tool lauscht auf Größen- und Ausrichtungsänderungen, sodass Viewport-Größe, Ausrichtung und verwandte Werte sofort aktualisiert werden, wenn du den Fensterrand ziehst oder dein Handy oder Tablet drehst. Dieses Live-Verhalten macht es zu einer praktischen Schnellreferenz beim Testen von responsiven Layouts und CSS-Breakpoints.
Werden Informationen über mein Display hochgeladen oder gespeichert?
Nein. Jeder Wert wird lokal von deinem Browser über Standard-JavaScript-Eigenschaften und CSS-Media-Queries ausgelesen und nur auf deinem Bildschirm angezeigt. Nichts wird an einen Server gesendet, protokolliert oder gespeichert. Der Kopierknopf legt den Bericht lediglich als reinen Text in deine eigene Zwischenablage, damit du ihn überall einfügen kannst, wo du ihn brauchst.

Über Bildschirmauflösung und Display-Infos, wie groß ist mein Bildschirm

Moderne Displays sind komplizierter als eine einzelne Breite-mal-Höhe-Zahl, und diese Seite bringt die Details ans Licht, die sonst verborgen bleiben. Das Device Pixel Ratio verrät dir, ob du einen Bildschirm mit Standard- oder hoher Dichte (Retina-Klasse) vor dir hast, und die physische Pixelschätzung zeigt, was das in der Praxis bedeutet: Ein Laptop, der 1440 x 900 CSS-Pixel bei einem Verhältnis von 2 meldet, steuert tatsächlich 2880 x 1800 physische Pixel an. Außerdem bekommst du die Farbtiefe deines Bildschirms in Bit, den breitesten Farbraum, den dein Browser meldet (sRGB, Display P3 oder Rec. 2020), ob die Ausgabe mit hohem Dynamikumfang gerade aktiv ist und welches Farbschema (hell oder dunkel) dein System von Websites anfordert.

Das Tool schätzt außerdem die Bildwiederholrate deines Displays direkt im Browser. Es misst 120 Animationsframes mit requestAnimationFrame, nimmt das mediane Frame-Intervall und rechnet es in Hertz um, sodass ein 60-Hz-Büromonitor, ein 120-Hz-Handy und ein 144-Hz-Gaming-Panel jeweils deutlich unterschiedliche Werte liefern. Da Browser die Frame-Ausgabe unter Last oder in Stromsparmodi drosseln können, lässt dich ein Knopf zum erneuten Messen die Stichprobe jederzeit wiederholen, wenn du einen frischen Wert brauchst. Neben den Display-Daten erhältst du einen Bericht über die Eingabefähigkeiten: ob Touch verfügbar ist und wie viele gleichzeitige Berührungspunkte unterstützt werden, ob dein primärer Zeiger fein (Maus, Trackpad) oder grob (Finger) ist, welche weiteren Zeigertypen angeschlossen sind, ob Hovern möglich ist und ob dein System reduzierte Bewegung anfordert.

Alles auf dieser Seite wird lokal von deinem eigenen Browser über Standard-Web-APIs und CSS-Media-Queries ausgelesen; nichts wird hochgeladen, protokolliert oder auf einem Server gespeichert. Das macht sie zu einem schnellen, sicheren Weg, häufige Fragen zu klären: bestätigen, dass ein Monitor mit seiner nativen Auflösung läuft, prüfen, ob ein neues Handy wirklich das beworbene Display mit hoher Bildwiederholrate hat, HDR- und erweiterte Farbraumunterstützung vor der Fotobearbeitung verifizieren oder genau die Zahlen abrufen, die ein Support-Techniker oder Webentwickler angefragt hat. Ein Kopierknopf exportiert den kompletten Bericht als reinen Text, damit du ihn mit einem Klick in eine E-Mail, ein Bug-Ticket oder einen Chat einfügen kannst.

Von 320 x 200 bis 8K: Wie die Bildschirmauflösungen erwachsen wurden

Während des größten Teils der 1980er lebten PC-Nutzer mit Auflösungen, die heute fast unglaubwürdig klingen. IBMs CGA-Standard von 1981 bot 320 x 200 Pixel mit vier Farben, und der VGA-Standard mit 640 x 480 von 1987 war ein solcher Sprung, dass er zwei Jahrzehnte lang die sichere Basisauflösung für Software-Installer und Startbildschirme blieb. Die Pixelzahlen kletterten in den 1990ern über SVGA und XGA, aber der eigentliche Wendepunkt war der Wechsel von klobigen Röhrenmonitoren zu flachen LCD-Panels um das Jahr 2000, der jedes Display auf ein natives Pixelraster festlegte und die exakte Auflösung zu einem Aushängeschild machte statt zu einer nebensächlichen Einstellung.

Die nächste Revolution betraf die Dichte statt der Größe. Als Apple 2010 das Retina-Display mit dem iPhone 4 einführte, verdoppelte es die Pixel in jeder Richtung bei gleichbleibenden Bildschirmmaßen, und die Branche übernahm den Kniff, physische Pixel von logischen zu trennen. Genau deshalb unterscheidet dieses Tool CSS-Pixel von der physischen Schätzung: Ein modernes Handy stellt Websites vielleicht 390 logische Pixel breit dar, während sein Panel tatsächlich 1170 physische Spalten enthält, ein Device Pixel Ratio von 3. Ohne diese Trennung würden Text und Schaltflächen, die für ältere Bildschirme gestaltet wurden, auf neuen mikroskopisch klein erscheinen.

Die Bildwiederholrate nahm denselben Weg vom stabilen Standard zum Wettbewerbsmerkmal. Jahrzehntelang lief fast alles mit 60 Hz, ein Erbe der Röhrenzeit und der Netzfrequenzen, bis Esport-Monitore 144 Hz und mehr zur Normalität machten und Handyhersteller um 2019 begannen, Panels mit 90 und 120 Hz auszuliefern. Derweil marschiert das Auflösungsmarketing weiter: 4K-Displays vervierfachen die Pixel von Full HD, 8K vervierfacht sie erneut auf über 33 Millionen Pixel, und breite Farbräume wie Display P3 und Rec. 2020 schieben den Bereich darstellbarer Farben weit über den 1996 definierten sRGB-Standard hinaus. Die bescheidene Frage, welche Bildschirmauflösung ich habe, hat inzwischen eine erstaunlich vielschichtige Antwort, und genau die schlüsselt diese Seite auf.

Unterstützen