Hören Sie auf, die Größe und Winkel von Objekten auf Ihrem Bildschirm zu erraten! Online-Lineal ist ein professionelles Tool, das Ihren Bildschirm in eine reale Messreferenz verwandelt.
🎉 Update v2.2.0: Tastatursteuerung und pixelgenaue Feinabstimmung für Web-Lineale.
Reale Abmessungen auf dem Bildschirm messen
Verwenden Sie ein Online-Lineal, um Längen auf Ihrem Bildschirm in Zentimetern, Millimetern oder Zoll zu messen. Kalibrieren Sie es mithilfe eines Gegenstands bekannter Größe, um präzise 1:1-Messungen zu erhalten.
Winkel messen mit einem virtuellen Winkelmesser
Platzieren Sie den Online-Winkelmesser über einem Winkel in einem Bild, Diagramm oder Entwurf. Richten Sie den Mittelpunkt des Winkelmessers am Scheitelpunkt des Winkels aus und lesen Sie anschließend den Messwert auf der Skala ab – ganz ohne zusätzliche Erweiterungen oder Installationen.
Winkelmessung mithilfe von zwei verstellbaren Schenkeln
Platzieren Sie den Scheitelpunkt und ziehen Sie anschließend die beiden Schenkel so, dass sie an den Seiten des Winkels ausgerichtet sind. Das Werkzeug berechnet automatisch den dazwischenliegenden Winkel – so können Sie ganz einfach verschiedenste unregelmäßige Winkel in Bildern, Diagrammen und Entwürfen messen.
Richten Sie das Tool aus und kalibrieren Sie es mithilfe gängiger physischer Referenzobjekte – wie einer Kreditkarte, einem DIN-A4-Blatt oder einer Münze –, um die exakte PPI-Dichte Ihres Bildschirms automatisch zu berechnen. Unterstützt +/- Tasten für Mikroeinstellungen auf Pixelebene.
Bildschirm-Lineal: Unterstützt metrische und imperiale Skalen zur Messung von Länge, Abständen und Elementgrößen.
Standard-Winkelmesser: Ein halbtransparenter, um 360° drehbarer Winkelmesser, der basierend auf der PPI-Kalibrierung echte physische Größe bietet.
Dynamischer Drei-Punkt-Winkelmesser: Misst beliebige Winkel über einen Scheitelpunkt und zwei Endpunkte mit Echtzeitanzeige, verlängerbaren Armen und Sektorvisualisierung.
Präzise Positionierung: Sobald ein Web-Lineal ausgewählt ist, können Sie dessen Position mithilfe der Pfeiltasten in 1-Pixel-Schritten anpassen. Halten Sie die Umschalttaste (Shift) gedrückt, während Sie die Pfeiltasten verwenden, um das Lineal in 10-Pixel-Schritten zu verschieben – so vermeiden Sie die Instabilität, die häufig beim Verschieben mit der Maus auftritt.
Wechsel zwischen mehreren Linealen: Wenn mehrere Lineale vorhanden sind, können Sie – sobald ein Lineal den Fokus hat – durch Drücken der Tab-Taste (bzw. Umschalt + Tab) zwischen ihnen hin- und herwechseln.
Unterstützung für das Hinzufügen mehrerer Lineale, Standard-Winkelmesser oder Drei-Punkt-Winkelmesser auf derselben Seite für komplexe Vergleichsmessungen.
Modus „Separates Fenster“: Öffnet ein übersichtliches Lineal-Fenster, das stets im Vordergrund bleibt.
Modus „Seiten-Overlay“: Zeigt schwebende Lineale oder Winkelmesser direkt über jeder Webseite an, inklusive anpassbarer Transparenz.
Nutzen Sie den Rotationsgriff, um den Winkel von Linealen und Standard-Winkelmessern in Echtzeit anzupassen. Diese unterstützen das Einrasten bei wichtigen Winkeln (45°/90°).
Auch die Arme des Drei-Punkt-Winkelmessers rasten in 45°-Schritten ein.
Simuliert die schützende „Nullpunkt“-Kante und ermöglicht einen individuellen Startversatz (in mm). Mit der „Reset“-Funktion stellen Sie die Messbasis sofort wieder her.
Lineale unterstützen Holz-, Kunststoff- oder Metalltexturen mit dynamischen SVG-Filtern.
Winkelmesser bieten verschiedene halbtransparente Farbschemata (z. B. Klassisches Blau, Tech-Grün, Vital-Orange) für optimale Sichtbarkeit auf jedem Hintergrund.
Beim Drei-Punkt-Winkelmesser ist die Transparenz des Sektorbereichs separat regelbar.
Metrisch: Zentimeter (cm) und Millimeter (mm).
Imperial: Zoll (Inch), hochpräzise bis zu 1/16-Zoll-Schritten.
Größenänderung über die gesamte Kante: Ziehen Sie an einer beliebigen Stelle entlang des Linealendes, um die Länge anzupassen.
Präzise Zusammenarbeit: Nahtlose Integration von Maus-Ziehvorgängen und Pfeiltasten der Tastatur für eine pixelgenaue Feinabstimmung.
Echtzeit-Synchronisation: Änderungen an Popup-Einstellungen, Materialien oder Farben werden sofort übernommen.
Alle Kalibrierungsdaten werden ausschließlich lokal in Ihrem Browser gespeichert.
Klicken Sie auf das Erweiterungssymbol und rufen Sie den "Kalibrierungsmodus" auf.
Wählen Sie ein Referenzobjekt aus und passen Sie es an, bis der rote Rahmen mit dem physischen Objekt übereinstimmt.
Klicken Sie auf "Lineal hinzufügen" oder "Winkelmesser hinzufügen", um mit der Messung zu beginnen.
Klicken Sie auf die Symbole in der Symbolleiste, um Materialien und Farben zu wechseln oder die Transparenz anzupassen.
Ziehen Sie den Hauptkörper zum Verschieben und den Drehgriff am Ende zum Einstellen des Winkels.
Klicken Sie auf das Puzzle-Symbol 🧩 oben rechts in Ihrem Browser, suchen Sie „Online-Lineal“ und klicken Sie auf das Pin-Symbol daneben, um es an der Symbolleiste zu fixieren. Klicken Sie danach einfach auf das Symbol, um das Lineal jederzeit zu öffnen.
Ja. Da verschiedene Bildschirme unterschiedliche Auflösungen haben, sind normale Bilder nicht genau. Diese Erweiterung nutzt die „Physische Kalibrierung“ – indem Sie sie einmal mit einer Kreditkarte oder A4-Papier abgleichen, merkt sie sich die tatsächliche Größe Ihres Bildschirms für eine 1:1-Präzision.
Ja. Das System unterstützt mehrere Referenzobjekte wie A4-Papier oder Münzen. Wir werden in Zukunft weitere Standards wie A5-Papier oder gängige Smartphone-Bildschirmgrößen hinzufügen.
Das „Eigenständige Fenster“ öffnet ein sauberes, in der Größe veränderbares Lineal-Fenster, das Sie überallhin ziehen und über anderen Apps halten können. Die „Seiten-Injektion“ fügt das Lineal direkt in Ihre aktuelle Webseite ein, mit Unterstützung für Transparenz, damit es Ihr Lesen nicht blockiert.
Ja! In Version 2.0.0 unterstützen wir die gleichzeitige Verwendung mehrerer Lineale und Winkelmesser. Sie können mehrmals auf „Lineal hinzufügen“ oder „Winkelmesser hinzufügen“ klicken. Jedes Werkzeug lässt sich unabhängig bewegen, drehen, in der Größe anpassen und in Material/Farbe anpassen – ideal für Vergleichsmessungen und geometrische Positionierungen.
Sie finden Optionen zum Materialwechsel in der Symbolleiste am Ende des Lineals oder im Popup-Menü der Erweiterung. Wir unterstützen derzeit Holz, Kunststoff und Metall. Wenn „Kunststoff“ ausgewählt ist, können Sie auch die Farben anpassen.
Sie können die Funktion „Nullpunkt-Versatz“ nutzen. Sie simuliert das schützende Ende eines physischen Lineals und ermöglicht es Ihnen, eine Startlücke (in mm) festzulegen und diese mit einem Klick wieder auf Null zu setzen.
Das ist sehr einfach. Im Injektions-Modus müssen Sie nicht nach winzigen Ecken suchen; ziehen Sie einfach an einer beliebigen Stelle der Linealkanten, um die Länge anzupassen.
Ja! Ziehen Sie einfach am Rotationsgriff am Ende des Lineals. Es unterstützt auch präzises Einrasten bei 45°, 90° und 180° für schnelle Anpassungen.
Ja! In Version 2.0.0 haben wir die Funktion „Geometrischer Winkelmesser“ hinzugefügt. Sie können einen 1:1 genauen Winkelmesser einfügen, indem Sie auf „Winkelmesser hinzufügen“ klicken. Er unterstützt ebenfalls 360°-Drehung, verschiedene Farbschemata und die Synchronisierung der physischen Kalibrierung basierend auf Ihren PPI-Daten.
Der All-in-One-Winkelmesser unterstützt die PPI-basierte synchrone Kalibrierung, eine freie 360°-Drehung und mehrere halbtransparente Farbschemata (z. B. Klassik-Blau, Technik-Grün), was die Verwendung auf jedem Webseiten-Hintergrund erleichtert.
Der dynamische 3-Punkt-Winkelmesser misst Winkel mithilfe eines Scheitelpunkts und zweier Endpunkte. Im Gegensatz zu einem Standard-Winkelmesser müssen keine Skalen ausgerichtet werden; stattdessen ziehen Sie die drei Kontrollpunkte direkt so, dass sie mit den Elementen auf der Seite übereinstimmen. Er eignet sich besonders gut zum Messen nicht standardmäßiger Winkel, Kanten in Designentwürfen oder geometrischer Winkel in Bildern.
Ja. Sie können die beiden Endpunkte direkt ziehen, und die Messarme verlängern sich unendlich. Dies ist ideal zum Messen von weitreichenden Webseitenelementen, langen diagonalen Linien oder komplexen geometrischen Formen.
Ja. Der 3-Punkt-Winkelmesser unterstützt eine separate Anpassung der Transparenz für den mittleren Sektorbereich. So können Sie den aktuellen Messbereich visuell erfassen, ohne dass der Sektor den darunter liegenden Text oder Details der Webseite verdeckt.
Nein. Ihre Kalibrierungsdaten (wie PPI), Einheiteneinstellungen und Offsets werden in Echtzeit synchronisiert und gespeichert. Die Einstellungen werden sofort angewendet, egal ob sie im Popup oder auf verschiedenen Seiten geändert werden.
Ja. Diese Erweiterung bietet sowohl metrische (CM, MM) als auch imperiale (Zoll/Inch) Skalen, wobei imperiale Einheiten hochpräzise bis auf 1/16 Zoll unterteilt werden können.
Nein. Alle Kalibrierungsdaten und Einstellungen werden lokal in Ihrem Browser gespeichert. Es werden niemals Daten auf Server hochgeladen.
Alle Materialien (Holz, Kunststoff, Metall) verwenden SVG-Technologie, um dynamisch realistische visuelle Effekte zu erzeugen. Sie sind sehr leichtgewichtig und verlangsamen Ihren Browser überhaupt nicht.
🎉 Update v2.2.0: Tastatursteuerung und pixelgenaue Feinabstimmung für Web-Lineale
Dieses Update verbessert die Präzision und Benutzerfreundlichkeit unserer Web-Lineale. Wir haben eine umfassende Tastatursteuerung integriert, die eine pixelgenaue Ausrichtung sowie eine effiziente Navigation zwischen mehreren Linealen ermöglicht:
✨ Pixelgenaue Anpassungen per Tastatur: Sobald ein Web-Lineal fokussiert ist, kannst du es mit den Pfeiltasten (↑ / ↓ / ← / →) jeweils um 1 Pixel verschieben. Hältst du dabei die Umschalttaste (Shift) gedrückt, bewegt sich das Lineal in 10-Pixel-Schritten – ideal für präzise Messungen und eine schnelle Positionierung.
✨ Schneller Fokus per Mausklick: Klicke einfach auf ein beliebiges Lineal auf der Webseite, um es zu fokussieren. Intuitive Hinweise auf dem Bildschirm zeigen dir direkt, wie du das Lineal mithilfe der Tastatur verschieben kannst.
✨ Nahtloser Wechsel mit der Tab-Taste: Wenn du mehrere Lineale auf der Seite verwendest, kannst du den Fokus ganz einfach mit der Tab-Taste (bzw. Umschalt + Tab) zwischen ihnen hin- und herschalten – so lassen sich Messungen über verschiedene Lineale hinweg effizient vergleichen.
✨ Intuitive Tastatur-Unterstützung: Integrierte Hinweise (z. B. „Pfeiltasten: 1 Pixel verschieben“, „Umschalt + Pfeiltasten: 10 Pixel verschieben“) und hilfreiche Tooltips sorgen dafür, dass du sofort loslegen kannst, ohne dir komplizierte Tastenkombinationen merken zu müssen.
🎉 v2.1.0 UPDATE: DREIPUNKT-DYNAMISCHER WINKELMESSER IST LIVE!
Dieses Update verbessert die Winkelmessung auf Webseiten durch den neuen dreipunkt-dynamischen Winkelmesser:
✨ Dreipunkt-dynamischer Winkelmesser: Werkzeug mit einem Scheitelpunkt und zwei Endpunkten zur schnellen Ausrichtung an jedem Winkel.
✨ Echtzeit-Winkelberechnung: Berechnet und zeigt automatisch den Winkel zwischen den beiden Armen in Grad (°) an.
✨ Dynamische Verlängerungsarme: Die beiden Messarme können kontinuierlich verlängert werden, um größeren Elementen zu entsprechen.
✨ Halbtransparenter Sektor-Bereich: Visualisieren Sie den aktuellen Messbereich mit einem halbtransparenten Sektor mit einstellbarer Deckkraft.
✨ Unabhängiges Einrasten der Arme: Jeder Arm rastet in 45°-Schritten ein (0°, 45°, 90° usw.) für eine schnelle Ausrichtung.
✨ Präzisionsausrichtung: Unterstützt mehrere Farben und verfügt über einen transparenten Hohlkreis am Scheitelpunkt für höchste Genauigkeit.
🎉 v2.0.0 MAJOR-UPDATE: GEOMETRISCHER WINKELMESSER IST LIVE!
Dieses Update markiert den Übergang von einem einfachen Messwerkzeug zu einem umfassenden geometrischen Werkzeugkasten:
✨ Neue Winkelmesser-Funktion: Sie können jetzt zusätzlich zu Linealen Winkelmesser zu jeder Webseite hinzufügen.
✨ 360° Freie Rotation: Unterstützt 360°-Rotation über einen Griff zur präzisen Messung von Neigungen und Winkeln.
✨ Mehrere Farbstile: Bietet verschiedene halbtransparente Farbschemata (Classic Blue, Tech Green, Vibrant Orange usw.) für hohe Sichtbarkeit.
✨ Synchronisierte physische Kalibrierung: Der Winkelmesser wird basierend auf Ihren PPI-Daten gerendert, um genaue reale Abmessungen zu gewährleisten.
🎉 v1.2.0 NEUE FUNKTIONEN: MULTI-LINEAL-UNTERSTÜTZUNG & REICHE MATERIALIEN
Dieses Update bringt leistungsstärkere mehrdimensionale Messfunktionen und personalisierte visuelle Optionen:
✨ Unterstützung für mehrere Lineale: Fügen Sie mehrere Lineale auf derselben Seite hinzu, um komplexe vergleichende Messanforderungen zu erfüllen.
✨ Neue Kunststoff- und Metallmaterialien:
- Kunststoff: Bietet mehrere frische Farben, um die Benutzeroberfläche lebendiger zu gestalten.
- Metall: Realistische gebürstete Metalltextur für ein professionelles und technisches Gefühl.
✨ Materialfarbanpassung: Kunststoffmaterial unterstützt jetzt mehrere Farbschemata zur Anpassung an verschiedene Web-Hintergründe und persönliche Vorlieben.
360° FREIE ROTATION
Befreien Sie sich von den Einschränkungen horizontaler und vertikaler Messungen. Sie können Ihr Lineal jetzt in jedem beliebigen Winkel drehen, um es an jedes Objekt auf Ihrem Bildschirm anzupassen:
✨ Geschmeidiger Rotationsgriff: Ziehen Sie einfach am neuen Rotationsgriff am Ende des Lineals (im Overlay-Modus), um den Winkel mit flüssigem Echtzeit-Feedback anzupassen.
✨ Präzises Einrasten: Rasten Sie mühelos bei wichtigen Winkeln wie 45°, 90° und 180° ein, dank integrierter Einrastlogik und Ein-Klick-Voreinstellungen für schnelles Umschalten.
✨ Visuelle Winkelanzeige: Ein dynamischer Tooltip zeigt Ihren exakten Rotationsgrad in Echtzeit an und gewährleistet so professionelle Messgenauigkeit.
✨ Volle Konsistenz: Die realistische Holzmaserung, die Skalenmarkierungen und die interaktive Symbolleiste behalten bei jeder Ausrichtung ihre strukturelle Integrität und Klarheit.
Erstveröffentlichung。
Diese Erweiterung ist Open Source und der Code ist auf GitHub verfügbar. Beiträge sind willkommen!
Quellcode auf GitHub ansehenSehen Sie sich meine anderen Produktivitätstools für Chrome an.
🚀