Bildschirmauflösung testen

Bildschirmauflösung, Größe des Browserfensters, Pixelverhältnis (DPR) und echte physische Pixel auf einen Blick. Die Werte aktualisieren sich live beim Ändern der Fenstergröße.

Ihre Bildschirmauflösung
—
—Browserfenster
—Verfügbarer Bereich
—Pixelverhältnis (DPR)
—Physische Pixel
—Farbtiefe
—Ausrichtung

Ändern Sie die Fenstergröße oder drehen Sie das Gerät – die Werte aktualisieren sich sofort.

Details

Über: Bildschirmauflösung testen

Dieses Tool zeigt die Bildschirmauflösung, die Größe des Browserfensters und das Pixelverhältnis (DPR) des Geräts, das Sie gerade nutzen. Praktisch, um responsive Breakpoints festzulegen, zu prüfen, ob ein neuer Monitor in seiner nativen Auflösung läuft, oder die passende Größe für ein Hintergrundbild zu wählen.

Browser melden die Auflösung in CSS-Pixeln, in denen die Skalierung des Betriebssystems schon enthalten ist. Multiplizieren Sie mit dem DPR, um die physischen Pixel des Panels zu erhalten.

So funktioniert’s

  1. Öffnen Sie die Seite – oben steht sofort Ihre Bildschirmauflösung.
  2. Darunter finden Sie Browserfenster, Pixelverhältnis und physische Pixel.
  3. Ändern Sie die Fenstergröße oder drehen Sie das Smartphone – die Werte aktualisieren sich live.
  4. Mit Alle Infos kopieren übernehmen Sie alle Werte als Text, etwa für eine Support-Anfrage oder einen Fehlerbericht.

Auflösung, Viewport und DPR – der Unterschied

WertBedeutung
BildschirmauflösungGesamter Bildschirm nach Skalierung durch das System (CSS-Pixel)
Verfügbarer BereichBildschirm abzüglich Taskleiste, Dock oder Menüleiste
BrowserfensterBereich, in dem die Webseite angezeigt wird (Basis für Breakpoints)
DPRPhysische Pixel pro CSS-Pixel
Physische PixelAuflösung × DPR, nahe an der echten Pixelzahl des Panels

Beispiel: Ein 4K-Monitor (3840×2160) mit 150 % Skalierung unter Windows meldet 2560×1440 bei einem DPR von 1,5 – das ergibt 3840×2160 physische Pixel.

Gängige Bildschirmauflösungen

NameAuflösungFormat
Full HD (1080p)1920 × 108016:9
WQHD (1440p)2560 × 144016:9
4K UHD3840 × 216016:9
WUXGA1920 × 120016:10
UWQHD (Ultrawide)3440 × 144021:9

Häufige Fragen

Ich habe einen 4K-Monitor – warum wird eine kleinere Auflösung angezeigt?

Die Skalierung des Betriebssystems (Windows-Anzeigeskalierung bzw. macOS-Auflösungseinstellung) ist aktiv. Browser melden CSS-Pixel, also die Auflösung geteilt durch die Skalierung. Maßgeblich sind die physischen Pixel (Auflösung × DPR).

Ändern sich die Werte, wenn ich im Browser zoome?

Ja. Zoomen mit Strg (⌘) + Mausrad oder +/− verändert DPR und Fenstergröße in CSS-Pixeln. Stellen Sie den Zoom für genaue Werte auf 100 % zurück.

Mein Smartphone zeigt eine kleinere Auflösung als im Datenblatt.

Smartphones haben einen DPR von 2–3, daher wirken die CSS-Pixel klein. Ein Display mit 1179×2556 und DPR 3 erscheint zum Beispiel als 393×852. Vergleichen Sie die physischen Pixel mit den Herstellerangaben.

Werden die Daten gespeichert oder übertragen?

Nein. Alle Werte liest Ihr Browser direkt auf dem Gerät aus und zeigt sie an; es wird nichts übertragen.