Tout se passe dans une seule fenêtre, et l'image exportée est exactement celle que vous voyez. Une fois le thème et la taille réglés, ils sont conservés d'un lancement à l'autre : seul le premier extrait demande de la réflexion, tous les suivants se résument à coller et exporter.

1. Collez votre code

Copiez un extrait et collez-le directement dans Codeshot avec ⌘⇧V. Ce raccourci remplace tout le code depuis n'importe où dans la fenêtre : pas besoin de cliquer d'abord dans l'éditeur.

La coloration est appliquée au collage. Le langage est détecté à partir du code lui-même, parmi 60 langages, et vous pouvez le forcer depuis le menu Langage quand un court fragment est ambigu — trois lignes de C et trois lignes de C++ sont identiques pour n'importe quel détecteur.

Coller le texte plutôt que photographier votre éditeur, c'est le point essentiel. Cela laisse de côté le curseur, la surbrillance de la sélection, les icônes de gouttière et la largeur de ligne de votre éditeur, dont aucun n'a sa place dans l'image.

2. Choisissez un thème

Il y a 30 thèmes de syntaxe, chacun en variante claire et sombre. Vous pouvez tous les voir côte à côte, rendus avec les feuilles de style de l'app elle-même.

Deux choses à savoir au moment de choisir. Alignez le thème sur votre éditeur si vous voulez que l'image paraisse familière à votre public — Xcode pour Swift, GitHub pour presque tout. Mais si l'image part là où elle sera vue en petit, le contraste compte plus que la familiarité : les thèmes clairs les plus doux perdent leur structure une fois réduits dans un fil.

3. Choisissez un arrière-plan

L'extrait repose sur un fond, et ce fond peut être l'un des 19 fonds d'écran macOS, l'un des 92 dégradés, une couleur unie de votre choix ou une image que vous fournissez.

Vous pouvez aussi désactiver complètement l'arrière-plan et exporter avec transparence, ce qu'il vous faut quand l'image part sur une diapo ou une page qui a déjà son propre fond.

4. Affinez le cadre

Réglez le rayon des coins de la fenêtre, le remplissage à l'intérieur, la marge autour et l'ombre portée. Les pastilles de fenêtre et le titre s'activent ou se désactivent, et vous pouvez utiliser n'importe quelle police à chasse fixe installée sur votre Mac.

Ce sont les réglages qu'on touche une fois. Mettez-les à votre goût et ils suivront pour tous les extraits suivants — c'est l'essentiel de la raison pour laquelle la dixième image prend quelques secondes et non quelques minutes.

5. Exportez à la bonne taille

Laissez la taille suivre votre contenu, ou verrouillez-la sur un rapport : 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 ou 3:4. Les préréglages sont des raccourcis au-dessus de simples champs de largeur et de hauteur, donc tout autre rapport se tape à la main.

Exportez en 1×, 2× ou 3×. Prenez le 2× par défaut : un export en 1× de petit texte paraît flou sur un écran retina, et c'est de loin ce qui donne le plus souvent à une image de code un air amateur.

Ensuite, sortez-la de l'app comme vous voulez : copie directe dans le presse-papiers avec ⌘⇧C, glisser-déposer de l'aperçu vers une autre app, ou enregistrement avec ⌘S.

Là où elle va

Le bon rapport dépend entièrement de la destination, et il vaut la peine de viser juste car chaque plateforme recadre différemment. Il existe des guides par plateforme pour X, LinkedIn et Facebook, ainsi que des guides de taille pour le reste.

Un dernier point, dit simplement : une image ne se copie pas, ne se cherche pas et ne se lit pas au lecteur d'écran. Quand le code est fait pour être utilisé et pas seulement regardé, publiez un lien vers la source à côté de l'image.