Meine Bildschirmauflösung
Deine echte Bildschirmauflösung, Pixelverhältnis und Viewport, live.
Physische Pixel: CSS-Größe mal Pixelverhältnis
- Aktualisiert sich bei Größenänderung
- Zeigt das Pixelverhältnis
- Funktioniert auf Handys und Tablets
So prüfst du deine Bildschirmauflösung
- Diese Seite auf dem zu prüfenden Gerät öffnen.
- Auflösung und Pixelverhältnis in den Feldern unten ablesen.
- Fenstergröße ändern oder Gerät drehen, um die Zahlen live zu aktualisieren.
Gängige Auflösungen und wo sie vorkommen
| Name | Auflösung | Üblich bei |
|---|---|---|
| HD | 1280 x 720 | Ältere oder günstige Laptops |
| Full HD | 1920 x 1080 | Die meisten heute verkauften Laptops und Monitore |
| QHD (1440p) | 2560 x 1440 | Hochwertigere Monitore und manche Handys |
| 4K UHD | 3840 x 2160 | Premium-Monitore und Fernseher |
Physische Pixel gegen CSS-Pixel
Ein CSS-Pixel ist die Einheit, in der Webseiten aufgebaut sind, sie entspricht aber nicht immer genau einem physischen Punkt auf dem Bildschirm. Das Pixelverhältnis zeigt, wie viele physische Pixel in jedem CSS-Pixel stecken, ein Verhältnis von 2 bedeutet also, dass das Panel für jeden von einer Website genutzten CSS-Pixel 4 physische Pixel zeichnet, angeordnet in einem 2-mal-2-Quadrat.
Bildschirme mit hoher Dichte bei Handys und Laptops melden eine kleinere CSS-Größe zusammen mit einem Pixelverhältnis von 2 oder 3, während die meisten Desktop-Monitore ein Pixelverhältnis von 1 melden, bei dem CSS-Pixel und physische Pixel eins zu eins übereinstimmen.
Wie du deine Auflösung änderst
- Öffne unter Windows 11 Einstellungen, dann System, dann Bildschirm, und wähle eine andere Option aus dem Dropdown Bildschirmauflösung.
- Öffne unter macOS Systemeinstellungen, dann Displays, und wähle Standard oder eine der skalierten Optionen unter den Auflösungseinstellungen des Displays.
- Drehe ein Handy oder Tablet, oder ändere die Größe eines Browserfensters am Desktop, um die Viewport-Zahlen auf dieser Seite live zu aktualisieren, ohne deine tatsächliche Bildschirmauflösung zu ändern.
Häufige Fragen zu Bildschirmauflösung-Prüfer
Warum zeigt das eine andere Zahl als meine Anzeigeeinstellungen?
Windows und macOS listen die Auflösung, die du in den Anzeigeeinstellungen gewählt hast, das kann niedriger sein als die native Auflösung des Panels, wenn Skalierung aktiv ist. Diese Seite zeigt, was der Browser sieht, multipliziert mit dem Pixelverhältnis.
Was ist devicePixelRatio?
Das ist das Verhältnis zwischen physischen Pixeln und CSS-Pixeln. Ein Verhältnis von 2 bedeutet, dass jeder CSS-Pixel mit 4 physischen Pixeln gezeichnet wird, typisch für Handybildschirme und die meisten modernen Laptops.
Warum ist der Viewport kleiner als die Bildschirmgröße?
Der Viewport ist der sichtbare Bereich innerhalb des Browserfensters, er lässt also Taskleiste, Browser-Symbolleiste und andere Fenster auf dem Bildschirm außen vor.
Funktioniert das auf meinem Handy oder Tablet?
Ja. Öffne die Seite in jedem mobilen Browser und drehe das Gerät, um sowohl die Hoch- als auch die Querformat-Zahlen zu sehen.
Welche Auflösung sollte ich für meinen Monitor wählen?
Wähle die als Empfohlen markierte Option in deinen Anzeigeeinstellungen, das entspricht der nativen Auflösung des Panels. Einen LCD-Monitor unter seiner nativen Auflösung zu betreiben, verwischt meist Text und feine Kanten, da das Bild skaliert werden muss.
Warum zeigen zwei Handys mit gleicher Bildschirmgröße unterschiedliche Zahlen?
Hersteller wählen ihre eigene Pixeldichte und ihren eigenen CSS-Skalierungsfaktor, auch bei Bildschirmen mit ähnlicher physischer Größe, zwei Handys mit ähnlicher Diagonale können also unterschiedliche Auflösungen und Pixelverhältnisse melden.
Was ist der Unterschied zwischen Auflösung und Bildschirmgröße?
Auflösung zählt Pixel über den Bildschirm. Größe misst die physische Diagonale in Zoll. Dieselbe Auflösung auf einem kleineren Bildschirm ergibt eine höhere Pixeldichte, deshalb wirken Handybildschirme aus der Nähe schärfer als ein Monitor mit derselben Pixelzahl.