Succede tutto in una sola finestra, e l'immagine che esporti è esattamente quella che vedi. Una volta impostati tema e dimensione, restano tra un avvio e l'altro: solo il primo snippet richiede di pensarci, ogni successivo è incolla ed esporta.

1. Incolla il codice

Copia uno snippet e incollalo direttamente in Codeshot con ⌘⇧V. Quella scorciatoia sostituisce l'intero sorgente da qualunque punto della finestra, quindi non devi prima fare clic nell'editor.

L'evidenziazione viene applicata mentre incolli. Il linguaggio è riconosciuto dal codice stesso, tra 60 linguaggi, e puoi forzarlo dal menu Linguaggio quando un frammento breve è ambiguo: tre righe di C e tre di C++ sono identiche per qualsiasi rilevatore.

Incollare il testo invece di fotografare l'editor è il punto importante. Lascia fuori il cursore, l'evidenziazione della selezione, le icone laterali e la larghezza di riga del tuo editor, che nell'immagine non c'entrano nulla.

2. Scegli un tema

Ci sono 30 temi di sintassi, ognuno con una variante chiara e una scura. Puoi vederli tutti affiancati, resi con i fogli di stile dell'app stessa.

Due cose utili al momento di scegliere. Allinea il tema al tuo editor se vuoi che l'immagine risulti familiare al tuo pubblico: Xcode per Swift, GitHub per quasi tutto. Ma se l'immagine finisce dove sarà guardata in piccolo, il contrasto conta più della familiarità, e i temi chiari più morbidi perdono struttura una volta rimpiccioliti in un feed.

3. Scegli uno sfondo

Lo snippet poggia su una tela, e quella tela può essere uno dei 19 sfondi di macOS, uno dei 92 gradienti, una tinta unita a tua scelta o un'immagine che fornisci tu.

Puoi anche disattivare del tutto lo sfondo ed esportare con trasparenza: è ciò che serve quando l'immagine va su una slide o su una pagina che ha già un fondo suo.

4. Rifinisci la cornice

Imposta il raggio degli angoli della finestra, il riempimento interno, il margine attorno e l'ombra. I semafori e il titolo della finestra si possono attivare o disattivare, e puoi usare qualsiasi carattere monospaziato installato sul tuo Mac.

Sono le impostazioni che tocchi una volta sola. Sistemale come ti piacciono e valgono per ogni snippet futuro: è soprattutto per questo che la decima immagine richiede pochi secondi anziché pochi minuti.

5. Esporta nella misura giusta

Lascia che la dimensione segua il contenuto, oppure bloccala su un rapporto: 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 o 3:4. I preset sono scorciatoie sopra normali campi di larghezza e altezza, quindi qualsiasi altro rapporto basta scriverlo.

Esporta a 1×, 2× o 3×. Usa il 2× come impostazione predefinita: un export a 1× di testo piccolo appare sfocato su uno schermo retina, ed è la cosa che più spesso fa sembrare dilettantesca un'immagine di codice.

Poi portala fuori dall'app come preferisci: copia diretta negli appunti con ⌘⇧C, trascinamento dell'anteprima in un'altra app, o salvataggio con ⌘S.

Dove andrà a finire

Il rapporto giusto dipende interamente dalla destinazione, e vale la pena azzeccarlo perché ogni piattaforma ritaglia in modo diverso. Ci sono guide per singola piattaforma per X, LinkedIn e Facebook, e guide alle misure per il resto.

Un'ultima cosa, detta chiaramente: un'immagine non si può copiare, cercare né far leggere a uno screen reader. Quando il codice serve a essere usato e non solo guardato, pubblica accanto all'immagine un link al sorgente.