Screenshot und Annotation

Screenshot und Annotation in CodeExpander ist Aufnahme und Bearbeitung in einem Ablauf: Bereich/Fenster/Vollbild/Scroll und Pin-Overlay, dann direkt in den Editor zum Annotieren (Pfeile, Hervorhebung, Unschärfe, Text), Stylen, OCR, Kopieren oder Speichern. Auslösen vom Tray oder Tastenkürzel (z. B. Cmd+Shift+A). Mehrere Monitore: der Bildschirm unter dem Cursor.

Welche Aufnahmemodi gibt es?

Mehrere Monitore: Nimmt automatisch den Bildschirm unter dem Cursor.

Tastenkürzel (Einstellungen → Screenshot):

Unabhängige Tastenkürzel für Vollbild, Fenster, Scroll und verzögerte Aufnahme sind möglich.

Annotation und Styling

Annotationswerkzeuge

Bearbeitung: Undo (Cmd/Ctrl+Z), Redo (Cmd/Ctrl+Shift+Z), Alles löschen.

Hintergrund-Styling

• Hintergrundtyp: Verlaufs-Presets / Vollfarbe / Muster
• Eckenradius: Screenshot-Eckenradius
• Schatten: Schatteneffekt
• Padding: Ränder um das Bild
• Geräterahmen: macOS dunkel/hell, Browser dunkel/hell, Terminal-Presets
• Wasserzeichen: Text- oder Bildwasserzeichen mit Position
• Presets: Aktuelle Stilkombi speichern für Ein-Klick-Wiederverwendung

Color Picker

Während der Aufnahme per Tastenkürzel; unterstützt:

• Farbformate: HEX, RGB, HSL, OKLCH
• Echtzeit-Pixelvorschau
• Farbwert in die Zwischenablage kopieren

OCR

Sie brauchen eine Rechnungsnummer aus einem Foto. Aufnehmen, OCR, Text in eine Tabelle einfügen. Die Erkennung bleibt auf diesem Rechner.

• 10/Tag bei Free, unbegrenzt bei Pro. Die Zählung liegt auf diesem Rechner.
• Einstellungen → Aufnahme → OCR: Engine wählen (auto reicht) und wie Ergebnisse erscheinen (Dialog / Toast und kopieren / Pin).
• Nummerierungs-Annotation-Trials sind ein separates Tageslimit.

Typische Szenarien: fremder UI-Text, Rechnungen/Verträge, Code-Screenshots zu Text.

GIF und Export

Ein Button tut nach dem Klick nichts. GIF-Aufnahme vom Tray oder Hotkey starten, Bereich ziehen, stoppen, Datei schicken. Standard-Stopp-Hotkey: Ctrl+Shift+G. Bereich, Cursor und Framerate unter Einstellungen → Aufnahme.

Die Aufnahme bleibt sichtbar. Free-Aufnahmen stoppen am Limit. Nach dem Stopp schneidet der Editor (der Capture-Editor, nicht der Snippet-Editor) die Timeline. Export GIF, APNG oder MP4 (MP4 braucht ffmpeg auf diesem Rechner). Alles bleibt auf diesem Rechner.

Typische Szenarien: Tutorial-GIFs, Bug-Repros, schnelles Demo im Chat.

Speichern und Ausgabe

• Kopieren — Enter oder Kopieren im Editor; Screenshot/GIF in die Zwischenablage für Docs oder Chat
• Speichern — Cmd/Ctrl+S oder Speichern unter; Formate: PNG, JPG, WebP
• Schnell speichern (Einstellungen): Direkt in den konfigurierten Ordner ohne Dialog
• Auto-Save (Einstellungen): Automatisch in den Ordner schreiben beim Kopieren in die Zwischenablage oder Pinnen

Dateinamen-Vorlage

Zeitplatzhalter, z. B.:

APSDAL_${yyyy-MM-dd_HH-mm-ss}.png

Übliche Platzhalter:

• ${yyyy} — Jahr (4 Stellen)
• ${MM} — Monat (2 Stellen)
• ${dd} — Tag (2 Stellen)
• ${HH} — Stunde (24h)
• ${mm} — Minute
• ${ss} — Sekunde

Screenshot-Einstellungen

Unter Einstellungen → Screenshot:

Workflow

• Screenshot-Verlauf — Letzte Aufnahmen im Editor oder Verlauf zum Kopieren/Bearbeiten.
• Mehrere Monitore — Den Bildschirm unter dem Cursor aufnehmen.

Typische Workflows

1. Tutorial-Screenshots: Bereich → Pfeil/Nummer-Annotation → Hintergrund (Rundecken + Schatten) → ins Dokument kopieren
2. Bug-Report: Fenster → Mosaik/Unschärfe für Sensibles → an Kollegen oder Issue Tracker
3. Code Review: Bereich → nummerierte Callouts → exportieren oder kopieren
4. Design-Farbwahl: Bereich → Color Picker holt den Wert → HEX ins Design-Tool