Wie ist meine Bildschirmauflösung? – Größe & Pixelverhältnis
Sieh deine Bildschirmauflösung, die echten physischen Pixel, das Pixelverhältnis, die Größe des Browserfensters und mehr – live gemessen beim Ändern der Größe.
Die Auflösung steht oben in CSS-Pixeln, darunter die physische Auflösung (CSS-Pixel × Pixelverhältnis). Ein Laptop mit 1440 × 900 und Verhältnis 2 hat also ein Panel mit 2880 × 1800. Die Fenstergröße aktualisiert sich beim Ändern der Größe.
So funktioniert: Bildschirmauflösung
- Seite öffnen – die Auflösung wird automatisch erkannt.
- Bildschirmgröße und physische Pixel ablesen.
- Am Pixelverhältnis erkennen, ob es ein High-DPI-Display ist.
- Browserfenster verkleinern und Fenstergröße beobachten.
- Fenster auf einen anderen Monitor ziehen und vergleichen.
CSS-Pixel und physische Pixel
Moderne Bildschirme haben mehr Pixel auf gleicher Fläche, also skaliert das Betriebssystem alles hoch. Browser melden Größen in „CSS-Pixeln“, und das Pixelverhältnis (DPR) sagt, wie viele physische Pixel ein CSS-Pixel nutzt.
| Beispiel | CSS-Größe | DPR | Physisch |
|---|---|---|---|
| Full-HD-Monitor | 1920 × 1080 | 1 | 1920 × 1080 |
| Laptop mit 150 % | 1280 × 720 | 1,5 | 1920 × 1080 |
| MacBook Air 13" | 1440 × 900 | 2 | 2880 × 1800 |
| Modernes Handy | 390 × 844 | 3 | 1170 × 2532 |
Bei krummen Skalierungen kann der physische Wert leicht abweichen, weil Browser runden.
Bildschirm, Fenster, verfügbare Fläche
- Bildschirmauflösung – der ganze Bildschirm.
- Verfügbarer Bildschirm – ohne Taskleiste oder Dock.
- Browserfenster (Viewport) – die Fläche, die eine Webseite nutzen kann; wichtig für responsives Design.
Seitenzoom verändert Fenstergröße und Pixelverhältnis; mit Strg/Cmd + 0 zurücksetzen.
Bildwiederholrate
Das Tool schätzt sie, indem es gezeichnete Bilder zählt – typisch sind 60, 90, 120 oder 144 Hz. Energiesparen oder ein Hintergrund-Tab können den Wert senken.
Farbtiefe
Meist 24 Bit (16,7 Millionen Farben), HDR-Displays oft 30 Bit.
Wofür nützlich
- Passende Größe für Hintergrundbilder wählen.
- Prüfen, ob ein Monitor in nativer Auflösung läuft.
- Bildgrößen planen: Ein 2×-Display braucht doppelt so große Bilder – mit dem Bildgröße ändern vorbereiten.
Nichts wird gesendet. Browserdaten findest du unter Mein User-Agent.
Mehrere Monitore
Bei mehreren Bildschirmen gilt die Anzeige immer für den Monitor, auf dem das Browserfenster gerade liegt. Ziehe das Fenster hinüber, und die Werte aktualisieren sich. So siehst du schnell, ob beide Monitore mit derselben Skalierung laufen – unterschiedliche Pixelverhältnisse sind ein häufiger Grund für unscharfe oder springende Fenster. Auch beim Kauf eines neuen Monitors hilft der Vergleich, um die passende Größe und Auflösung zu finden.
Diese kostenlosen Tools könnten dir auch helfen: Tastatur-Test, Controller-Test und Mein User-Agent.
Häufige Fragen
Wie ist meine Bildschirmauflösung?
Sie steht oben auf dieser Seite. Der erste Wert ist in CSS-Pixeln; die physische Auflösung ist dieser Wert mal Pixelverhältnis.
Was ist das Pixelverhältnis?
Wie viele physische Pixel einen CSS-Pixel bilden: 1 bei normalen Monitoren, 2 oder 3 bei Retina- und Handy-Displays.
Warum ist die Auflösung kleiner als beim Monitor angegeben?
Skalierung wie 125 % oder 150 % verkleinert die CSS-Größe. Mit dem Pixelverhältnis multiplizieren.
Was ist die Größe des Browserfensters?
Die Fläche im Browser, die eine Webseite nutzen kann, auch Viewport genannt.
Wie genau ist die Bildwiederholrate?
Es ist eine Schätzung. Den exakten Wert zeigen die Anzeigeeinstellungen.
Zuletzt aktualisiert: