Ein Blogpost rendert seine Code-Beispiele als gestylte Bilder. Ein Kollege fügt einen Screenshot seiner IDE in einen Pull-Request-Kommentar ein. Die Dokumentation eines Legacy-Tools existiert nur als Terminal-Screenshots in einem Wiki. Stack-Overflow-Antworten enthalten Code, der in Bildern eingebettet ist, weil der Formatierer das Original zerstört hat. In jedem Fall ist der Code sichtbar und lesbar, aber es ist ein Bild — und Code von einem Bild abzutippen ist der Weg, wie du dreißig Minuten damit verbringst, ein Semikolon zu debuggen, das du für einen Doppelpunkt gehalten hast.
Code erfordert zeichenperfekte Extraktion
Anders als Prosa hat Code null Toleranz für Annäherungen. Ein Bindestrich statt eines Unterstrichs bricht einen Import. Eine einzige falsch platzierte Klammer macht eine Funktion ungültig. Ein Kleinbuchstabe, wo ein Großbuchstabe benötigt wird, ändert eine Variablenreferenz komplett. Wenn du Code von einem Bild abtippst, ist jedes Zeichen ein potenzieller Fehlerpunkt — und die Bugs, die du einführst, sind unsichtbar, weil sie auf den ersten Blick korrekt aussehen.
Das Problem verstärkt sich bei langen Befehlen, mehrzeiligen Snippets oder unbekannter Syntax. Ein Docker-Run-Befehl mit zehn Flags, ein Regex-Muster oder eine Shell-Pipeline mit Pipes und Redirects — das ist genau die Art von Inhalt, die als Bild geteilt wird und nahezu unmöglich genau abzutippen ist.
Code aus jedem Bild auf dem Bildschirm extrahieren
Optic liest die Code-Zeichen direkt von deinem Bildschirm. Öffne das Bild, die Tutorial-Seite oder den Screenshot mit dem Code, aktiviere Optic über die Menüleiste und ziehe eine Auswahl über das Snippet. Der erkannte Text — unter Bewahrung von Einrückung, Sonderzeichen und Zeilenstruktur — landet direkt in deiner Zwischenablage.
Terminal-Befehle
Installationsskripte, Build-Befehle und Deployment-Pipelines, die als Terminal-Screenshots in Dokumentation und Tutorials angezeigt werden, sind weit verbreitet. Wähle den Befehlsblock aus und füge ihn mit der Gewissheit in dein Terminal ein, dass Flags, Pfade und Argumente exakt richtig sind.
IDE-Screenshots
Wenn ein Kollege einen Screenshot seines Codes teilt — in Slack, in einem GitHub-Kommentar, in einer E-Mail — extrahiere den Code und füge ihn in deinen eigenen Editor ein. Teste ihn, modifiziere ihn oder überprüfe ihn richtig, statt auf ein Bild zu schielen.
Mehrfach-Snippet-Extraktion
Tutorials zeigen oft mehrere Codeblöcke auf einer Seite. Extrahiere jeden einzeln der Reihe nach. Optics Erfassungsverlauf speichert jede Extraktion, sodass du ein ganzes Tutorial durcharbeiten und jedes Snippet einzeln aus dem Verlaufs-Dropdown in dein Projekt einfügen kannst.