Bildschirmauflösungs-Test
Sieh dir die native Auflösung deines Displays in physischen Pixeln an, einschließlich Pixelverhältnis, Seitenverhältnis und Farbtiefe. Starte danach ein Vollbild-1-Pixel-Testmuster: Bei echter nativer Auflösung erscheint es als saubere, gleichmäßige Textur, während Skalierung oder ein nicht-native Modus als Unschärfe oder Moiré sichtbar werden.
Wird erkannt …
← → Muster wechseln
Abwechselnde Pixel verschmelzen zu einem glatten Grau – das Display läuft mit nativer Auflösung und 100 % Skalierung.
Das Bild wird gestreckt – die Auflösung ist vermutlich unterhalb der nativen eingestellt, sodass die GPU hochskaliert.
Wellenförmige Muster entstehen durch Interpolation. Setze den Browser-Zoom auf 100 % zurück und prüfe die OS-Display-Skalierung.
Die Bildschirmauflösung gibt an, wie viele Pixel ein Display anzeigt, angegeben als Breite × Höhe – zum Beispiel 1920 × 1080. Mehr Pixel auf derselben Fläche bedeuten ein schärferes, dichteres Bild. Jedes Flachpanel hat ein festes Raster aus physischen Pixeln, für das es gebaut wurde – das nennt sich native Auflösung –, und es sieht am schärfsten aus, wenn es mit dieser Auflösung betrieben wird. Dieser Test liest das physische Pixelraster aus, das dein Browser meldet, und zeigt es als große Zahl oben an, damit du prüfen kannst, was deine Hardware tatsächlich ausgibt.
Wählst du eine niedrigere Auflösung, streckt die GPU ein kleineres Bild über das feste Raster, was alles unschärfer erscheinen lässt. Moderne Systeme fügen außerdem Display-Skalierung hinzu (Retina, Windows 150%), um die Oberfläche größer darzustellen, während sie trotzdem mit voller Dichte gerendert wird. Deshalb gibt ein Browser zwei Größen an: den CSS-Viewport in logischen Pixeln und die physische Auflösung in echten Gerätepixeln. Das Verhältnis zwischen beiden ist das Device Pixel Ratio (DPR) – ein DPR von 2 bedeutet, dass jeder CSS-Pixel durch einen 2 × 2-Block aus physischen Pixeln abgebildet wird, sodass der Viewport, den dein Browser sieht, halb so groß sein kann wie die tatsächliche Bildschirmauflösung.
Häufige Bildschirmauflösungen
| Auflösung | Name | Wo du sie siehst |
|---|---|---|
| 1280 × 720 | HD / 720p | Ältere Laptops, Einstiegsdisplays |
| 1920 × 1080 | Full HD / 1080p | Die häufigste Desktop- und Laptop-Auflösung |
| 2560 × 1440 | QHD / 1440p | Schärfere Gaming- und Arbeitsmonitore |
| 3440 × 1440 | UltraWide QHD | 21:9-Ultraweitbildschirme |
| 3840 × 2160 | 4K UHD | Große und hochauflösende Bildschirme, Fernseher |
| 1170 × 2532 | iPhone (DPR 3) | Moderne Smartphones – hohe, dichtgepackte Panels |
Tipps für eine genaue Messung
- Setze den Browser-Zoom auf 100% zurück – der Zoom skaliert die Seite unabhängig vom Betriebssystem neu.
- Wähle unter Windows die Auflösung, die unter Settings > System > Display als „Empfohlen“ markiert ist.
- Wähle unter macOS unter System Settings > Displays die Option „Standard für das Display“.
- Führe das Vollbildmuster aus: Ein klares, gleichmäßiges Grau bedeutet native Ausgabe, während Unschärfe oder Moiré auf Skalierung hinweist.