Kostenloses Online-Bildschirminfo-Tool. Auflösung, DPI, Seitenverhältnis und Farbtiefe Ihres Monitors sofort anzeigen. Im Browser.
Drücke Ctrl+D, um diese Seite als Lesezeichen zu speichern
Das Bildschirminformations-Tool zeigt Bildschirmauflösung, Viewport-Größe, DPR und Farbtiefe Ihres Geräts an.
DPR ist die Anzahl physischer Pixel pro CSS-Pixel. Ein DPR von 2 bedeutet Retina-Display — Bilder sollten doppelt so groß sein für scharfe Darstellung.
Die Bildschirmauflösung ist die Gesamtzahl der physischen Pixel, während der Viewport der Inhaltsbereich im Browser ist, ohne Symbolleisten und Scrollbalken.
Breakpoints an konkreten Gerätenamen festzumachen sorgt dafür, dass sie beim nächsten neuen Modell brechen. Schneiden Sie stattdessen dort, wo das Layout selbst schief zu laufen beginnt. In der Praxis dienen 480, 768, 1024 und 1280 px häufig als Startpunkte, doch das sind eingängige Zahlen und keine Regeln. Ziehen Sie das Browserfenster langsam schmaler und achten Sie auf die Breite, bei der Textzeilen zu lang werden oder eine Karte zusammengedrückt wird – dort gesetzt, hält der Breakpoint weit länger.
Weil ein CSS-Pixel eine Einheit der wahrgenommenen Größe ist und kein physischer Bildpunkt. Auf einem 4K-Display mit 200 % Skalierung werden 3840 physische Punkte als 1920 CSS-Pixel dargestellt – genau das lässt Text und Symbole dichter und schärfer wirken. Das Geräte-Pixelverhältnis beträgt dann 2, weshalb Sie für scharfe Bilder über srcset eine Datei in doppelter Anzeigegröße mitliefern müssen.