Was ist ein Bildschirmauflösungs-Tool?
Ein Bildschirmauflösungs-Tool erkennt und zeigt Ihre aktuellen Bildschirmdimensionen, Pixeldichte, Gerätepixel-Verhältnis und Viewport-Größe an. Diese Informationen sind für Webentwickler, die responsive Designs testen, Designer, die Assets in der richtigen Auflösung erstellen, und Benutzer, die Anzeigeprobleme beheben oder Monitoreinstellungen auswählen, unerlässlich.
So verwenden Sie dieses Bildschirmauflösungs-Tool
- Öffnen Sie diese Seite auf dem Gerät, dessen Bildschirm Sie messen möchten.
- Sehen Sie sich Ihre Bildschirmauflösung (Breite × Höhe in Pixel), Gerätepixel-Verhältnis (DPR), Viewport-Dimensionen und Farbtiefe an.
- Ändern Sie die Größe Ihres Browser-Fensters, um die Viewport-Dimensionen in Echtzeit aktualisiert zu sehen, was zum Testen von responsiven Haltepunkten nützlich ist.
Wichtige Konzepte
Bildschirmauflösung ist die Gesamtzahl der Pixel, die ein Display anzeigen kann, ausgedrückt als Breite × Höhe (z.B. 1920×1080). Das Gerätepixel-Verhältnis (DPR) gibt an, wie viele physische Pixel einem CSS-Pixel entsprechen – Retina-Displays haben typischerweise ein DPR von 2 oder 3. Der Viewport ist der sichtbare Bereich des Browser-Fensters, der aufgrund von Symbolleisten, Taskleisten und Browser-Oberflächen kleiner als die Bildschirmauflösung sein kann.
Häufig gestellte Fragen
Was ist der Unterschied zwischen Bildschirmauflösung und Viewport-Größe?
Bildschirmauflösung ist die Gesamtpixelanzahl Ihres physischen Displays. Die Viewport-Größe ist der verfügbare Bereich für die Darstellung von Webinhalten im Browser, ohne Symbolleisten, Scrollbalken und Browser-Rahmen. Responsive CSS-Medienabfragen beziehen sich auf den Viewport, nicht auf die Bildschirmauflösung.
Was ist das Gerätepixel-Verhältnis?
Das Gerätepixel-Verhältnis (DPR) ist das Verhältnis zwischen physischen Pixeln und CSS-Pixeln. Ein DPR von 2 bedeutet, dass jedes CSS-Pixel mit einem 2×2-Raster physischer Pixel gerendert wird, was zu schärferem Text und Bildern auf hochauflösenden Displays wie Apple Retina-Displays führt.
Warum unterscheidet sich meine gemeldete Auflösung von den Spezifikationen meines Monitors?
Die Betriebssystem-Skalierung der Anzeige kann die effektive Auflösung verringern. Beispielsweise meldet ein 4K-Monitor (3840×2160) mit 200%-Skalierung dem Browser 1920×1080 CSS-Pixel, obwohl die physische Platte viermal so viele Pixel hat.