Screenshot AnnotationAm Element einrasten.
Direkt markieren.
Eine Chrome-Erweiterung, die Screenshots aufnimmt und Rechtecke, Kreise und Pfeile automatisch an das echte Seitenelement anpasst, über dem Sie schweben. Schluss mit mühsam gezeichneten, schiefen Formen.
Gebaut, weil ich die schiefen Rechtecke satt hatte
Ich schreibe viele Bug-Reports und Produkt-Feedbacks. Jedes Mal derselbe Ablauf: Screenshot machen, in einen Editor einfügen, sorgfältig ein Rechteck um den Button ziehen, den ich hervorheben will, feststellen, dass es ein paar Pixel daneben liegt, rückgängig, neu zeichnen, wiederherstellen. Und das für jede Markierung auf jedem Screenshot.
Die Rechtecke passten nie ganz zum echten UI-Element. Kanten waren unscharf. Kreise wirkten handgezeichnet — weil sie es waren.
Also habe ich das hier gebaut. Wenn Sie über ein Element schweben, liest die Erweiterung dessen getBoundingClientRect und erzeugt eine saubere Markierung, die exakt an diese Grenzen angepasst ist. Ein Klick, pixelgenau.
— Virgil, unabhängiger Entwickler. Entwickelt das seit 2024.Alles, was Sie zum Markieren eines Screenshots brauchen
Zwölf Markierungs-Tools, Textextraktion, Mosaik für sensible Daten, Multi-Format-Export — alles in einer Symbolleiste.
Am DOM-Element einrasten
Über einen Button, eine Karte, ein Bild oder einen Textblock schweben — mit einem Klick ein perfekt passendes Rechteck, einen Kreis oder Pfeil erhalten. Screenshot hervorheben →
12 Markierungs-Tools
Rechteck, Ellipse, Linie, Pfeil, Textmarker, Text, nummerierte Schritte, Stempel, Mosaik und Zoom-an-Ort-stelle. Screenshot beschriften →
Zoom-an-Ort-stelle Callouts
Bereich wählen — das Tool schneidet Ränder automatisch ab und vergrößert an Ort und Stelle. Perfekt, um winzige UI-Details hervorzuheben. Wie der Zoom funktioniert →
Mosaik & Schwärzung
Bereiche pixelieren, weichzeichnen oder mit schwarzem Balken abdecken — um Passwörter, API-Schlüssel, E-Mails oder Gesichter zu schwärzen. Screenshot unscharf machen →
Textextraktion
Lesbaren Text aus jedem Screenshot direkt in die Zwischenablage ziehen. Kommt aus dem live-DOM, nicht aus OCR — also exakt.
PNG / JPG / PDF + autom. Kopie
Download in drei Formaten. Wenn Sie den Editor schließen, liegt das Ergebnis bereits in der Zwischenablage.
Drei Schritte. Kein Kontextwechsel.
Der Editor öffnet sich direkt auf der Seite — kein neuer Tab, Sie verlassen Ihren Workflow nicht.
Aufnehmen
Alt+A (Windows) oder ⌘⇧S (Mac) drücken, um den sichtbaren Bereich aufzunehmen, Alt+C / ⌘⇧X für einen frei gezogenen Bereich, oder mit der rechten Maustaste auf die Seite klicken.
Markieren
Über ein Element schweben, um es hervorzuheben, klicken, um eine angepasste Form einzurasten. Oder auf freier Fläche frei zeichnen.
Exportieren
Editor schließen — das Ergebnis wird automatisch in die Zwischenablage kopiert. Oder als PNG / JPG / PDF herunterladen.
Im Vergleich
Ein ehrlicher Side-by-Side-Vergleich. Andere Tools sind gut — dieses hier beherrscht einfach das Einrasten am Element, was sie nicht können.
| Feature | Screenshot Annotation | Lightshot | Awesome Screenshot | Snagit |
|---|---|---|---|---|
| Am echten DOM-Element einrasten | Ja — Kernfunktion | Handgezeichnet | Handgezeichnet | Handgezeichnet |
| Editor auf der Seite | Ja | Desktop-App | Neuer Tab | Desktop-App |
| Textextraktion | Ja (DOM) | — | — | Ja (OCR) |
| Zoom-an-Ort-stelle | Ja | — | — | Manuell |
| Nummerierung mit autom. Neu-Nummerierung | Ja | — | — | Manuell |
| Kostenlos | Vollständig | Kostenlos | Freemium | 49,99 $+ |
| Kein Tracking / Analytics | Null Anfragen | Mit Analytics | Mit Analytics | Mit Analytics |
| Ganzseitige Aufnahme | Auf der Roadmap | — | Ja | Ja |
| Videoaufnahme | Nicht geplant | — | Ja | Ja |
Entspricht den Funktionen auf der jeweiligen Tool-Website, Stand August 2026. Schreiben Sie mir, wenn etwas nicht stimmt.
Technische Details
Für Power-User, IT-Admins und Reviewer.
Kompatibilität
- BrowserChrome MV3
- Funktioniert auch inEdge, Brave, Arc
- BetriebssystemWin / macOS / Linux
- SprachenEN, ZH-TW, JA, ES, FR, DE
- Min. Chrome88+
Paket & Berechtigungen
- Paketgröße316 KB
- Berechtigungen5 (minimal)
- Netzwerkanfragen0
- Hintergrund-Skripte1 Service Worker
- Drittanbieter-Bibliotheken0
Aufnahme-Tastenkürzel
- Sichtbarer BereichAlt + A
- Bereich ziehenAlt + C
- Rechtsklick → Freier BereichMaus
- Rückgängig / Wiederherstellen⌘Z / ⌘⇧Z
- Speichern / Schließen⌘S / Esc
Tastenkürzel der Editor-Tools
- AuswahlV
- Rechteck / EllipseR / O
- Linie / PfeilL / A
- Textmarker / TextH / T
- Nummer / Mosaik / ZoomN / M / Z
Häufig gestellte Fragen
Ist es wirklich kostenlos? Wo ist der Haken?
Ja. Keine kostenpflichtigen Tarife, keine Premium-Version, keine In-App-Käufe, kein Konto. Ich habe das für mich selbst gebaut und zahle 0 $/Monat für den Betrieb — es gibt keinen Backend-Server.
Werden meine Screenshots irgendwohin gesendet?
Nein. Die Erweiterung sendet null Netzwerkanfragen. Alles passiert lokal; Screenshots verlassen nie Ihr Gerät. Sie können das im Netzwerk-Tab während einer Aufnahme überprüfen.
Warum diese Berechtigungen?
Fünf Berechtigungen, alle auf den Screenshot-Ablauf beschränkt: activeTab nimmt den Tab auf, scripting liest Elementpositionen, storage merkt sich Ihre Einstellungen, unlimitedStorage bewältigt High-DPI-Screenshots über Chromes 5-MB-Standardlimit hinaus, contextMenus fügt den Rechtsklick-Eintrag hinzu. Kein history, keine cookies, kein webRequest.
Funktioniert es in Edge, Brave oder Arc?
Ja — in jedem Chromium-Browser, der Chrome-Erweiterungen unterstützt. Direkt aus dem Chrome Web Store installieren.
Mac und Windows?
Beide. Die Tastenkürzel sind Alt+A / Alt+C unter Windows und Linux sowie ⌘⇧S / ⌘⇧X unter macOS — macOS hat keine Alt-Taste, deshalb wird ⌘⇧ verwendet.
Warum funktioniert es nicht auf chrome://-Seiten?
Chrome blockiert alle Erweiterungen auf seinen internen Seiten (chrome://, den Web Store, die Einstellungen). Das ist eine Plattform-Beschränkung, kein Bug.
Kann es ganze Seiten oder mit Scroll aufnehmen?
Noch nicht. Aktuell wird der sichtbare Viewport oder ein gezogener Bereich aufgenommen. Ganzseitige Aufnahme steht auf der Roadmap.
Wie melde ich einen Bug?
E-Mail an virgil1126@gmail.com. Ich lese alles und antworte meist innerhalb von 48 Stunden. Im Changelog sehen Sie, was sich in jeder Version geändert hat.
Roadmap & bekannte Grenzen
Was erledigt ist, was als Nächstes kommt und was diese Erweiterung nicht tun wird — selbst wenn Sie darum bitten.
ErledigtKürzlich veröffentlicht
- Multi-Format-Export (PNG / JPG / PDF)
- Textextraktion aus dem DOM
- 6 UI-Sprachen (EN, 繁中, JA, ES, FR, DE)
- Auto-Kopie beim Schließen des Editors
- Origin-Validierung für Sicherheit
NextIn aktiver Entwicklung
- Ganzseitige / Scroll-Aufnahme
- Verzögerte Aufnahme (Countdown-Timer)
- Benutzerdefinierte Tastenkürzel-Zuordnung
- Mehr Markierungs-Presets
VielleichtWird geprüft
- Cloud-Sync der Einstellungen (opt-in)
- Markierungs-Vorlagen
- Geteilte Farbpaletten für Teams
Kommt nichtNicht im Scope
- Video- / Bildschirmaufnahme
- Kontensystem
- Kostenpflichtige Tarife oder In-App-Käufe
- Telemetrie oder Nutzungs-Analytics
Wer dahintersteckt
Kein Unternehmen. Keine VC-Finanzierung. Nur ein Entwickler, der ein Problem löst.
Virgil
Ich bin Software-Engineer und hatte die handgezeichneten Screenshot-Markierungen satt. Das hier ist das Tool, das ich mir gewünscht hätte — klein, schnell, privat, fokussiert auf eine einzige Aufgabe.
Ich lese jede E-Mail, behebe Bugs, so schnell ich kann, und veröffentliche regelmäßig Updates. Kein Team, keine Roadmap-Meetings, keine Growth-Abteilung.
Bereit, smarter zu markieren?
Kostenlos, keine Anmeldung, kein Tracking. Funktioniert auf jeder Webseite.
Zu Chrome hinzufügen — Kostenlos