Details zu Bildschirm und Fenster
Alle Größen sind in CSS-Pixeln angegeben, der Einheit, mit der Websites rechnen, sofern nicht anders vermerkt. Stell den Browser-Zoom auf 100 % (Strg+0, auf dem Mac ⌘0), um exakte Werte zu bekommen.
- Bildschirmauflösung
- Wird geprüft… Die Bildschirmgröße, die Websites sehen.
- Physische Auflösung
- Wird geprüft…Bildschirmauflösung × Pixelverhältnis: die echten Pixel des Panels.
- Viewport (Browserfenster)
- Wird geprüft… Der sichtbare Teil der Seite, ohne Symbolleisten.
- Gesamtes Browserfenster
- Wird geprüft…
- Verfügbarer Bildschirm
- Wird geprüft…Bildschirm abzüglich Taskleiste, Dock oder Menüleiste.
- Pixelverhältnis (DPR)
- Wird geprüft…
- Seitenverhältnis
- Wird geprüft…
- Ausrichtung
- Wird geprüft…
- Farbtiefe
- Wird geprüft…
- Farbraum
- Wird geprüft…
- HDR
- Wird geprüft…
- Bildwiederholrate
- Wird geprüft…
- Touchscreen
- Wird geprüft…
- Monitore
- Wird geprüft…
Dein Viewport auf deinem Bildschirm
Der äußere Rahmen ist dein Bildschirm, die schattierte Fläche der sichtbare Teil dieser Seite, also dort, wo dein Browserfenster liegt.
Gängige Bildschirmauflösungen
Monitor- und Laptopgrößen sind in physischen Pixeln angegeben, Smartphone- und Tabletgrößen in CSS-Pixeln, so wie Websites sie sehen. Zeilen, die zu deinem Bildschirm passen, sind markiert.
| Name | Auflösung | Seitenverhältnis | Typischer Einsatz |
|---|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 | HD-Fernseher, kleine Laptops |
| WXGA | 1366 × 768 | 16:9 | Günstige Laptops |
| HD+ | 1600 × 900 | 16:9 | 17-Zoll-Laptops, ältere Monitore |
| Full HD (1080p) | 1920 × 1080 | 16:9 | Die meisten Monitore und Laptops |
| WUXGA | 1920 × 1200 | 16:10 | Büromonitore, Laptops |
| QHD / 2K (1440p) | 2560 × 1440 | 16:9 | 27-Zoll-Monitore, Gaming |
| WQXGA | 2560 × 1600 | 16:10 | MacBook Air und Pro, 16:10-Laptops |
| UWQHD | 3440 × 1440 | 21:9 | 34-Zoll-Ultrawide-Monitore |
| 4K UHD (2160p) | 3840 × 2160 | 16:9 | 4K-Monitore und -Fernseher |
| 5K | 5120 × 2880 | 16:9 | iMac, Apple Studio Display |
| iPhone 12 / 13 / 14 | 390 × 844 | 19.5:9 | iPhone (CSS-Pixel) |
| iPhone 15 / 16 | 393 × 852 | 19.5:9 | iPhone (CSS-Pixel) |
| Android | 412 × 915 | 20:9 | Android-Smartphones (CSS-Pixel) |
| iPad | 810 × 1080 | 4:3 | iPad (CSS-Pixel) |
Was die Bildschirmauflösung bedeutet
Die Bildschirmauflösung ist die Anzahl der Pixel, die dein Display in der Breite und in der Höhe darstellt, angegeben als Breite × Höhe. Ein Full-HD-Monitor hat 1920 × 1080: 1.920 Pixel in der Breite und 1.080 in der Höhe, insgesamt rund zwei Millionen Pixel.
Mehr Pixel auf gleicher Fläche bedeuten schärfere Schrift und Bilder. Deshalb kann ein 13-Zoll-Laptop eine höhere Auflösung haben als ein 24-Zoll-Büromonitor.
Warum deine Auflösung niedriger wirkt als die deines Monitors
Windows, macOS, iOS und Android vergrößern alles, damit Text auf scharfen Bildschirmen lesbar bleibt. Ein Laptop mit 1920 × 1080-Panel und 125 % Skalierung meldet Websites eine Bildschirmgröße von 1536 × 864, und ein MacBook mit 2560 × 1600-Panel meldet meist 1440 × 900 oder 1470 × 956.
Websites sehen nur diese skalierten Größen, die sogenannten CSS-Pixel. Multiplizierst du sie mit dem Pixelverhältnis, erhältst du die physische Auflösung, die diese Seite unter der großen Zahl anzeigt. Auch der Browser-Zoom ändert das Pixelverhältnis, also stell ihn vor einem Vergleich auf 100 % zurück.
Bildschirmauflösung, Viewport und Fenstergröße
- Bildschirmauflösung: das gesamte Display, auch die Bereiche, die von anderen Fenstern verdeckt sind.
- Verfügbarer Bildschirm: das Display abzüglich Taskleiste, Dock oder Menüleiste.
- Browserfenster: das ganze Fenster, inklusive Tabs, Adressleiste und Rahmen.
- Viewport: der Teil des Fensters, in dem die Seite angezeigt wird. Mit dieser Größe testen Webdesigner ihre Layouts, und sie ändert sich, wenn du das Fenster verkleinerst oder die Entwicklertools öffnest.
So änderst du deine Bildschirmauflösung
- Windows 11 und 10: Rechtsklick auf den Desktop > Anzeigeeinstellungen > Bildschirmauflösung. Der Wert mit „(Empfohlen)“ ist die native Auflösung deines Monitors. Die Skalierung stellst du direkt darüber ein.
- macOS: Apple-Menü > Systemeinstellungen > Displays, dann eine Größe auswählen. „Größerer Text“ nutzt weniger, dafür größere CSS-Pixel; die physische Auflösung des Panels bleibt gleich.
- iPhone und Android: Die Auflösung ist fest. Display-Zoom (iPhone) bzw. Anzeigegröße (Android) ändert, wie groß alles dargestellt wird, und damit die CSS-Größe, die Websites sehen.
- Für das schärfste Bild behältst du die native Auflösung bei und änderst stattdessen die Skalierung.
Häufige Fragen
Wie finde ich meine Bildschirmauflösung heraus?
Sie steht oben auf dieser Seite, direkt aus deinem Browser ausgelesen. Die große Zahl ist die Größe, die Websites sehen; die Zeile darunter zeigt die physische Auflösung deines Displays und die Skalierung, die dein System nutzt.
Warum steht hier 1536 × 864, obwohl mein Monitor 1920 × 1080 hat?
Dein System ist auf 125 % Skalierung eingestellt, also sehen Websites einen 1,25-mal kleineren Bildschirm. Die physische Auflösung ist weiterhin 1920 × 1080, wie unter der großen Zahl angezeigt. Genauso macht eine Skalierung von 150 % aus 1920 × 1080 die Größe 1280 × 720.
Sind 1920 × 1080, 1080p und 2K dasselbe?
1920 × 1080 ist Full HD, auch 1080p genannt. Mit 2K sind bei Monitoren meist 2560 × 1440 gemeint (QHD oder 1440p), im Kino dagegen 2048 × 1080. 4K UHD hat 3840 × 2160 Pixel, viermal so viele wie 1080p.
Was ist die Viewport-Größe?
Der Viewport ist der Bereich des Browserfensters, in dem die Seite angezeigt wird, ohne Tabs, Adressleiste und Scrollleisten. An diese Größe passen sich responsive Websites an, deshalb meinen Webdesigner sie, wenn sie nach deiner Browsergröße fragen.
Was ist das Pixelverhältnis (Device Pixel Ratio)?
Es gibt an, wie viele physische Pixel ein CSS-Pixel bilden. Ein Wert von 1 bedeutet keine Skalierung, 2 ist typisch für Macs mit Retina-Display und viele Smartphones, 3 für aktuelle iPhones. Auch der Browser-Zoom verändert ihn.
Wie finde ich die Bildschirmauflösung meines Smartphones heraus?
Öffne diese Seite auf dem Smartphone. Smartphones melden CSS-Pixel, zum Beispiel 393 × 852 bei einem iPhone 15. Multipliziert mit dem Pixelverhältnis (3 bei diesem iPhone) ergibt das die 1179 × 2556 Pixel des Panels, und diese Rechnung übernimmt die Seite für dich.
Ist die Bildwiederholrate exakt?
Sie wird daran gemessen, wie oft der Browser ein Bild zeichnet, und ist daher nah dran, aber nicht exakt. Energiesparmodus, ein Tab im Hintergrund oder ein ausgelasteter Computer können einen niedrigeren Wert ergeben, als dein Display eingestellt hat.
Ratgeber
- Was ist eine IP-Adresse?
Die IP-Adresse ist die Nummer, an die das Internet Ihre Daten schickt. Hier erfahren Sie, wie sie aussieht, welche Arten es gibt und was Ihre IP über Sie verrät.
- IP-Adresse herausfinden
Ihre öffentliche IP finden Sie mit einem Klick. Wo Ihre private IP steht, hängt vom Gerät ab. Hier sind die genauen Schritte für jedes.
- IPv4 vs. IPv6: Was ist der Unterschied?
IPv6 löst IPv4 ab, weil der Welt die Adressen ausgegangen sind. Hier sehen Sie, wie sich beide unterscheiden, wie Sie erkennen, welches Sie nutzen, und warum IPv6 bei VPNs wichtig ist.
- Was ist ein DNS-Leak und wie beheben Sie ihn?
Selbst mit aktivem VPN fragt Ihr Gerät womöglich weiterhin Ihren Internetanbieter nach jeder Website, die Sie besuchen. Das ist ein DNS-Leak. So erkennen und stoppen Sie ihn.