1Doppelte Horizontalachse
Warum gleichzeitig oben und unten messen?
Zwei parallele Leisten verhindern Winkelverkippen bei breiten Objekten wie Tastaturen oder Paketen.
Horizontale Achse · Oben & Unten zugleich · cm, mm, in & px
Horizontales Bildschirm- & Pixellineal in voller Breite
Parallele Leisten oben und unten für breite Gegenstände, 30-cm-/12-Zoll-Spannen und CSS-Pixel-Messungen im Browser.
Interaktiver Online-Bildschirmlineal-Arbeitsbereich
Embed Ad-Free Online Ruler (<iframe>)
Nullpunkt (0, 0) · Gestrichelte Bezugslinie oben links
Richte das Objekt am 0-Strich aus. Klicke auf ein Lineal oder das Raster, um verschiebbare Messlinien zu setzen.
100 % lokales Foto- & Zwischenablage-Lineal
Strg+V für Screenshot drücken, Bild ablegen oder Datei wählen. Es wird nichts hochgeladen.
Einheiten-Umrechner@ 96.0 PPI
3 3/8 in (3 3/8 in)
Pixeldichte-Kalibrierung · Lokal pro Bildschirm gespeichert
Bildschirm auf echten physischen Maßstab kalibrieren
Browser gehen standardmäßig von 96 CSS-Pixeln pro Zoll aus, was fast nie zum realen Display passt. Wähle eine der drei Methoden, damit jeder Millimeter und jedes 1/16 Zoll exakt stimmt.
Aktiver MaßstabGeschätzte Kalibrierung
96.0 PPI·3.780 px/mm
CSS-Referenzmaßstab (96 px pro Zoll)
Monitor-Profile:
Standard ISO/IEC 7810 ID-1 · 85,60 × 53,98 mm
Physische Bank-, Kredit- oder Ausweiskarte anlegen
Halte eine handelsübliche Zahlungs-, Gesundheits- oder Ausweiskarte flach vor den Rahmen und passe ihn exakt auf die reale Breite an.
Objekt:
Blauen Eckgriff ziehen oder Regler nutzen
Bezugspunkt oben links · 1:1 Kartenumriss
ISO/IEC 7810 ID-1
85.60 mmPhysische Karte hier anlegen
Linke & obere Kante anlegen · Außenrand abgleichen
3.370 × 2.125 in53.98 mm
Optische Ausrichtungs-Checkliste
- Karte flach auflegen: Karte bündig an der linken oberen Ecke des Rahmens ansetzen.
- Außenkante angleichen: Regler ziehen oder ← → drücken, bis der rechte Rand exakt abschließt.
- Parallaxe vermeiden: Blick genau senkrecht auf die rechte Kartenkante richten.
Berechneter Maßstab: 96.0 CSS PPI · 3.780 px/mm
Feineinstellung: Klicke auf die Kartenfläche und nutze ← → (Shift für 5-px-Schritte).
Geometrische Berechnung · √(B² + H²) / Diagonale
Über die sichtbare Bildschirmdiagonale kalibrieren
Gib die sichtbare Panel-Diagonale in Zoll ein (Ecke zu Ecke innerhalb des Rahmens, ohne Gehäuse). Der Browser-Zoom sollte dabei 100 % betragen.
Häufige Display-Diagonalen (Zoll)
Hinweise zur Diagonal-Kalibrierung:
- Panel vs. Gehäuse: Aktive Bilddiagonale eingeben (z. B. 13,6″ oder 15,6″), nicht die äußere Gehäusegröße.
- Logische CSS-Pixel vs. Hardware-Pixel: Betriebssysteme nutzen HiDPI-Skalierung (z. B. 125 % / 150 % unter Windows oder macOS Retina). Bei 100 % Browser-Zoom nutzt die Formel direkt die gemeldeten CSS-Pixel.
Browser-Telemetrie & Gerätedatenbank
Automatische Geräte- und Pixeldichte-Erkennung
Online Ruler Plus liest logische Bildschirmauflösung, Device Pixel Ratio (DPR), Ausrichtung und Plattform aus, um bekannte Geräteprofile zuzuordnen oder einen Startwert zu schätzen.
- Erkanntes Profil
- Bildschirm wird geprüft…
- Erkennungsstatus
- Geschätzte Kalibrierung
- Geschätzte Dichte
- 96.0 CSS px/in
- CSS-Bildschirmgröße
- —
- Device Pixel Ratio
- —
- Ausrichtung
- —
Warum manuell prüfen? Browser verbergen aus Datenschutzgründen die exakte physische Monitorgröße. Vor wichtigen Messungen immer mit Karte oder bekannter Diagonale verifizieren.
Physische Prüflehre
Sofort mit Alltagsgegenständen prüfen
Halte eine echte Münze an diese live skalierten Kreise, um deine Kalibrierung sofort zu kontrollieren.
24.26 mm
US Quarter23.25 mm
1 Euro €19.05 mm
US Penny50,0-mm-Referenzbalken (5,0 cm)1.969 in
Lokales Sitzungsprotokoll
Messverlauf
Setze zwei parallele Hilfslinien auf der Arbeitsfläche und klicke auf Speichern, um Spannweiten (ΔX / ΔY) lokal zu sichern.
Speicherort: nur localStorageKeine Netzwerkübertragung
Horizontale Achsenmetrologie · Oben & Unten
Breite Objekte und CSS-Pixel-Spannen horizontal messen
Vorkonfiguriert mit oberer und unterer Skala gegen schräge Ablesefehler.
2CSS-Pixellineal · W3C-Viewport
Wie nutzen Designer den CSS-Pixel-Modus (px)?
Taste 3 misst exakte CSS-Pixel (10, 50, 100 px) zur Prüfung von Containerbreiten und Breakpoints (375, 768, 1024, 1440 px).
3Vollbildspanne · Maximale Breite
Wie nutzt man die maximale Bildschirmbreite?
Ein 16:9-Display bietet 87,2 % seiner Diagonale als Breite (59,8 cm bei 27″). Taste F öffnet den Vollbildmodus.
X/Y-Hilfslinien & Fadenkreuz
ABB. 06 · 2D-BÜHNE
Interaktive Bewegungsanleitung
Alle Messabläufe Direkt in Bewegung Erleben
Animation läuft
Linke Kante am eingerückten Nullpunkt anlegen und Messstrecke bis zur Objektkante ablesen.
ΔX = X₂ − X₁Vertikale X- und horizontale Y-Linien kombinieren, um Breite, Höhe und Diagonale direkt abzulesen.
Diag = √(ΔX² + ΔY²)Widescreen-Geometrie · 16:9, 16:10 & Ultrawide
Maximale horizontale Messspanne nach Displaydiagonale
Übersicht über die physische Breite gängiger Mobil-, Laptop- und Desktop-Displays.
Wie breit ist ein 16:9- oder 16:10-Monitor?
Bei 16:9 entspricht die Breite 87,16 % der Diagonale (15,6″ = 34,54 cm; 27″ = 59,77 cm), bei 16:10 sind es 84,80 %.
Wie funktionieren vertikale Hilfslinien?
Klicks auf die obere oder untere Leiste setzen durchgehende vertikale Linien und zeigen ΔX direkt an.
Kann ich das Smartphone ins Querformat drehen?
Ja, im Querformat verdoppelt sich die Breite von ~6,5 cm auf ~14–15 cm bei erhaltener Kalibrierung.
Display-Geometrie-Referenz
Maximale horizontale Bildschirmbreite in Zoll, cm, mm & CSS-px
| Panel & Seitenverhältnis | Breite (in) | Breite (cm / mm) | Typischer Viewport | Größtes passendes Lineal |
|---|---|---|---|---|
| 6.1" Smartphone (Querformat) | 5.55 in | 14.1 cm (141 mm) | 844 – 852 CSS px | Bis 13 cm / 5 in |
| 11.0" Tablet (4:3) | 8.80 in | 22.4 cm (224 mm) | 1024 – 1194 CSS px | 15 cm / 6 in Taschenlineal |
| 13.3" Laptop (16:10 Retina) | 11.28 in | 28.6 cm (286 mm) | 1440 CSS px | Bis 27 cm / 10.5 in |
| 14.2" MacBook Pro (16:10) | 11.97 in | 30.4 cm (304 mm) | 1512 CSS px | Volle 30 cm / 11.5 in |
| 15.6" Full-HD-Laptop (16:9) | 13.60 in | 34.5 cm (345 mm) | 1536 – 1920 CSS px | 30 cm & 12-Zoll-Lineal |
| 24.0" Monitor (16:9) | 20.92 in | 53.1 cm (531 mm) | 1920 CSS px | 50 cm / 18-Zoll-Lineal |
| 27.0" Monitor (16:9 QHD/4K) | 23.53 in | 59.8 cm (598 mm) | 1920 – 2560 CSS px | 58 cm / 22-Zoll-Lineal |
| 34.0" Ultrawide (21:9) | 31.36 in | 79.7 cm (797 mm) | 3440 CSS px | 75 cm / 30-Zoll-Lineal |
16:9 Breite = Diagonale × 0,87158 · 16:10 = Diagonale × 0,84800 · 21:9 = Diagonale × 0,92246.
Achse oder Maßeinheit wechseln
Weitere kalibrierte Lineal-Modi entdecken
Metrisch · cm
Zentimeter-Lineal
1 cm & 0,5 cm + cm-in-Zoll-Tabelle
Imperial · 1/16″
Zoll-Lineal (12″)
1/2, 1/4, 1/8 & 1/16″ Brüche
Feinteilung · mm
Millimeter-Lineal
1 mm & 5 mm Hardware-Skala
Oben & Unten
Horizontales Lineal
Breite Objekte & CSS-Pixel (px)
Links & Rechts
Vertikales Lineal
Aufrechte Höhen & Handy-Hochformat
Horizontales & Pixel-Lineal FAQ
Häufige Fragen zum horizontalen Bildschirmlineal
Welchen Vorteil bieten obere und untere Skala gleichzeitig?
+
Kein Winkelversatz bei langen Objekten; zudem stört am Laptop oben kein Tastaturscharnier.
Wie nutze ich das horizontale Lineal als CSS-Pixellineal?
+
Taste 3 drücken oder px wählen, um exakte logische Viewport-Pixel zu messen.
Warum beginnt 0 erst 16 Pixel vom linken Rand?
+
Damit der Nullpunkt voll sichtbar auf dem Glas liegt und nicht vom Monitorrahmen verdeckt wird.
Kann ich zwischen cm, mm und Zoll wechseln?
+
Ja, jederzeit über die Tasten 1, 2, 3 und 4/M oder Dual cm/in.