Was ist meine Bildschirmauflösung? Ermitteln Sie die Anzeigegröße

Your screen resolution

Share X / Twitter Facebook LinkedIn WhatsApp

So verwenden Sie Wie hoch ist meine Bildschirmauflösung?

Öffnen Sie die Seite – Ihre Abmessungen werden automatisch angezeigt.
Lesen Sie Bildschirmauflösung, Fenstergröße und Pixelverhältnis.
Verwenden Sie die Größe des Ansichtsfensters für responsives Design – darauf reagiert Ihr Layout, nicht der Bildschirm.
Überprüfen Sie das Pixelverhältnis auf Bildschärfe auf Displays mit hoher DPI.

Was ist Wie hoch ist meine Bildschirmauflösung??

Dieses Tool zeigt Ihre Bildschirmauflösung und die zugehörigen Abmessungen an – Ihre volle Bildschirmauflösung (z. B. 1920 x 1080), die Größe Ihres aktuellen Browserfensters (die normalerweise kleiner ist) und das Pixelverhältnis Ihres Geräts (wie viele physische Pixel jedem CSS-Pixel zugeordnet sind, relevant für „Retina“-Displays mit hoher DPI). Es antwortet: „Was ist meine Bildschirmauflösung?“ und die Fenster-/Pixeldetails, die Design- und Support-Arbeiten oft benötigen.

Diese Zahlen sind wichtiger als sie scheinen: Webdesign reagiert auf sie, der Support diagnostiziert damit Layout-Probleme und die Unterscheidung zwischen Bildschirmgröße, Fenstergröße und Pixelverhältnis bringt selbst Entwickler aus der Fassung.

Über den Wie hoch ist meine Bildschirmauflösung?

Öffnen Sie die Seite und lesen Sie sofort Ihre Bildschirm- und Fensterabmessungen ab.

Was angezeigt wird und warum: Bildschirmauflösung – die vollen Pixelabmessungen Ihres Monitors/Displays; Größe des Browserfensters (Ansichtsfenster) – der tatsächliche Platz, den Ihr Webinhalt hat, der kleiner als der Bildschirm ist (Symbolleisten, Taskleisten, nicht maximierte Fenster) und auf den responsives Design tatsächlich reagiert; und Gerätepixelverhältnis – auf Displays mit hoher DPI (Retina, moderne Telefone) besteht jedes CSS-Pixel aus 2 oder 3 physischen Pixeln, weshalb Bilder eine höhere Auflösung als ihre Displaygröße haben müssen, um scharf auszusehen.

Wer es verwendet: Webdesigner und Entwickler – Testen Sie responsive Layouts, verstehen Sie den Unterschied zwischen Bildschirm und Ansichtsfenster (eine häufige Verwirrung – Sie entwerfen für das Ansichtsfenster, nicht für den Bildschirm) und überprüfen Sie das Pixelverhältnis für Bilder Schärfe; Unterstützung – Diagnose von „Das Layout sieht falsch aus“-Problemen, bei denen Auflösung oder Zoom die Ursache sind; und alle, die neugierig sind auf ihre Display-Spezifikationen. Der Datenschutzaspekt: Wie bei Browser und Benutzeragent ist Ihre Bildschirmauflösung automatisch für jede Website sichtbar und trägt zum Fingerabdruck bei. Verwandte Tools: „Was ist mein Browser“, „Was ist mein Benutzeragent“ und unser Bildschirmauflösungssimulator (zum Testen, wie eine Website bei anderen Auflösungen aussieht).

Häufig gestellte Fragen

Die Bildschirmauflösung entspricht den vollen Pixelabmessungen Ihres Displays. Die Fenstergröße (Ansichtsfenster) ist der tatsächliche Platz, den Ihr Webinhalt hat – kleiner aufgrund von Symbolleisten, Taskleisten und nicht maximierten Fenstern. Responsive Design reagiert auf das VIEWPORT, nicht auf den Bildschirm.

Wie viele physische Pixel werden jedem CSS-Pixel zugeordnet – 1 auf Standarddisplays, 2–3 auf High-DPI-Displays (Retina, moderne Telefone). Aus diesem Grund müssen Bilder das Doppelte ihrer Anzeigegröße haben, um auf Retina-Bildschirmen scharf auszusehen. Ein 400-Pixel-Bild wird nur dann scharf angezeigt, wenn es auf einem 2-fach-Display tatsächlich 800 Pixel groß ist.

Responsive Design passt Layouts an den verfügbaren Platz (Ansichtsfenster) an. Wenn Sie also reale Größen kennen, können Sie Designs für tatsächliche Benutzer entwerfen. Und das Pixelverhältnis bestimmt die Anforderungen an die Bildauflösung. Das Design für das Ansichtsfenster (nicht angenommene Bildschirmgrößen) ist das Responsive-Prinzip.

Da das Browserfenster nicht den gesamten Bildschirm einnimmt, verringern die Taskleiste/das Dock des Betriebssystems, die Symbolleisten und die Adressleiste des Browsers sowie alle nicht maximierten Fenster den Platz, den der Inhalt tatsächlich erhält. Der Ansichtsbereich ist das, was für Ihre Webseite übrig bleibt.

Ja – automatisch, wie Ihr Browser und Ihr Benutzeragent. Es wird für die legitime Bereitstellung geeigneter Layouts verwendet, trägt aber auch zum Browser-Fingerprinting bei. Es ist eines der Signale, die jede von Ihnen besuchte Website über Ihr Gerät lesen kann.