Pixel auf dem Bildschirm unter Windows messen
Kurze Antwort: Windows hat kein eingebautes Bildschirmlineal. DevTools messen im Browser, Bildeditoren auf ihrer Leinwand — für alles andere nehmen Sie ein kostenloses Werkzeug wie Bildschirmlineal: Nulllinie ausrichten, Markierung ziehen, Abstand in Pixeln ablesen und das Fenster als Geist über die gemessene Oberfläche legen.
Warum man auf dem Bildschirm messen will
- CSS schreiben: Ist diese Seitenleiste 320 px oder 300 px breit? Messen statt raten und den Breakpoint richtig setzen.
- Barrierefreiheit: Touch-Ziele sollten mindestens 44×44 px groß sein — das Lineal prüft beide Maße in Sekunden.
- Design-Abnahme: Abstände im Mock-up mit der live gerenderten Seite vergleichen — auf der Pixelgenauigkeit, über die Designer streiten.
- Präsentationen und Druck: prüfen, welche Fläche ein Bild bei der Projektor-Auflösung einnehmen darf.
- Neugier mit Folgen: „Wie breit ist dieses Fenster eigentlich?“ — bevor Sie etwas dafür skripten.
Methode 1: die Browser-Werkzeuge (nur im Browser)
F12 → Inspect → über ein Element fahren und sein Box-Modell sehen. Perfekt für das DOM — nutzlos für einen Videoplayer, eine Desktop-App, einen Screenshot im Bildbetrachter oder das eigene Fenster.
Methode 2: Bildschirmlineal — misst alles, überall
Kostenlos herunterladen — ScreenRuler-Setup.exe
- Null ausrichten. Setzen Sie die linke Kante des Lineals (horizontaler Modus) oder die obere Kante (vertikaler Modus) dorthin, wo die Messung beginnt.
- Markierung ziehen bis zum anderen Ende; feilen Sie mit den Pfeiltasten nach — 1 px pro Tastendruck, Shift für ×10. Ein Klick auf „Markierung zurücksetzen“ bringt sie auf null.
- Zum Geist machen: Deckkraft auf 40 % plus „Immer im Vordergrund“ legen das halbtransparente Lineal direkt über das fragliche Element. Den großen Wert ablesen —
≈ 482 px.
Hinweise zur Genauigkeit
Eine Linealeinheit ist ein Bildschirmpixel — dasselbe px, das CSS spricht — bei 100 % Bildschirmskalierung. Bei höherer Windows-Skalierung ist alles auf dem Bildschirm, auch Ihre Messungen, in skalierten Pixeln; brauchen Sie unskalierte Zahlen, vergleichen Sie bei 100 %. Der Zoom eines Browsers verändert, was Sie messen: Messen Sie bei 100 % Zoom.
Häufige Fragen
Kann ich eine Diagonale messen?
Nein — messen Sie stattdessen den Begrenzungsrahmen (Breite im horizontalen Modus, Höhe im vertikalen): genau den nutzen Layout-Systeme ohnehin.
Funktioniert es auf jedem Monitor und bei jeder Skalierung?
Das Fenster lässt sich auf jeden Monitor verschieben und misst dessen Pixel; das Skalieren verhält sich wie oben beschrieben.
Was ist der Unterschied zum Weg „Screenshot + Editor“?
Geschwindigkeit und Wahrheit: kein Screenshot-Schritt, keine Zoomfehler — Sie messen den lebenden Bildschirm genau so, wie er gerade gerendert wird.