·4 min leestijd

Hoe je code kopieert uit een screenshot op de Mac

Een tutorial, een tweet of documentatie toont code als afbeelding. Overtypen introduceert bugs. Zo extraheer je het als selecteerbare tekst.

Een developer deelt een codefragment als screenshot op Twitter. Een tutorialblog geeft zijn voorbeelden weer als afbeeldingen in plaats van codeblokken. Documentatie voor een intern tool bestaat alleen als screenshots van een terminal. De code is perfect leesbaar, maar zit opgesloten in een afbeelding — en code overtypen vanaf een afbeelding is een van de meest betrouwbare manieren om onzichtbare bugs te introduceren.

Waarom code overtypen vanaf afbeeldingen faalt

Code is meedogenloos als het om precisie gaat. Een ontbrekende puntkomma, een kleine letter L die verward wordt met het cijfer 1, een accolade versus een haakje, een liggend streepje in plaats van een koppelteken — elk van deze breekt je code stilzwijgend. Als je overtypt vanaf een screenshot, doe je karakter-voor-karakter visuele parsering op een tempo dat precies deze fouten uitlokt.

Het probleem is wijdverspreid. Sociale media zetten code om naar afbeeldingen voor een mooiere weergave. Oudere documentatie is nooit gemigreerd vanaf screenshots. Slack- en Teams-berichten met code worden vaak geschermafbeeld en doorgestuurd. Interne wiki's stapelen jarenlang geplakte terminal-screenshots op die niemand heeft getranscribeerd.

Extraheer code rechtstreeks van het scherm

Optic leest de codetekens rechtstreeks van je scherm. Open de screenshot of de pagina met de code-afbeelding, activeer Optic vanuit de menubalk, en sleep een selectie over de code. De geëxtraheerde tekst gaat naar je klembord, klaar om in je editor of terminal te plakken.

Optic extracting code from a screenshot on Mac

Terminalcommando's

Lange installatiecommando's, Docker run-statements, curl-verzoeken met meerdere flags — deze worden vaak als screenshot gedeeld. Eén sleepbeweging met Optic extraheert het hele commando, met behoud van speciale tekens, flags en paden die makkelijk verkeerd getypt worden.

Codefragmenten van sociale media

Twitter-, LinkedIn- en Instagram-posts geven code vaak weer als afbeeldingen met tools zoals Carbon of Ray.so. Optic extraheert de code uit deze gestileerde screenshots net zo gemakkelijk als uit gewone terminaluitvoer.

Extractie over meerdere regels

Selecteer een codeblok dat meerdere regels beslaat en Optic behoudt de regelstructuur. Plak het in je editor en de code behoudt zijn vorm — geen handmatige herformattering nodig. Elke vastlegging wordt opgeslagen in je menubalkgeschiedenis, zodat je meerdere snippets uit een tutorial kunt extraheren en er een voor een kunt plakken.

Haal Optic in de Mac App Store

Volgend artikel

Optic

Select any text on screen and copy it — images, PDFs, dialogs, anything.

Get Optic on the Mac App Store