Collez du code, choisissez un thème et un fond, et copiez-en une image nette — pour un post, une présentation, une documentation ou un rapport de bug.
Sur les réseaux sociaux et dans les présentations, le code en texte perd son indentation et ses couleurs. Une image garde la mise en page exactement telle qu'écrite et attire l'œil. Pour tout ce qui doit être copié, ajoutez un lien de partage ou le code en texte.
Chaque langage est coloré selon sa propre grammaire : mots-clés, chaînes, nombres, commentaires, fonctions et types prennent des couleurs distinctes du thème. La détection automatique fonctionne bien sur quelques lignes de code typique ; choisissez vous-même le langage pour un extrait court ou ambigu.
Une image de code ne peut être ni lue par un lecteur d'écran ni copiée. Quand vous en publiez une, ajoutez le code en texte ou un lien à côté, et choisissez un thème assez contrasté — le thème clair « Papier » convient le mieux aux documents imprimés.
Tapez ou collez un extrait, ou chargez un fichier source. Ajoutez un nom de fichier pour la barre de titre si vous voulez.
Choisissez le langage (ou laissez-le détecter), un thème, un fond, la marge, la taille du texte, la fenêtre et les numéros de ligne.
Copiez l'image pour la coller directement dans un post ou une discussion, téléchargez-la en PNG, ou partagez un lien qui la rouvre.
Gardez des extraits courts — 10 à 20 lignes — et des lignes de moins de 80 caractères environ : dans la plupart des fils, l'image est réduite à la largeur d'un téléphone.
Un texte plus grand et la marge moyenne se lisent mieux dans un post ; les numéros de ligne aident quand on commente des lignes précises dans une présentation ou une revue.
AstuceRien n'est envoyé : la coloration et le dessin tournent dans votre navigateur, vous pouvez donc illustrer du code de dépôts privés.
Les liens de partage gardent le code dans le lien (après le #), jamais sur nos serveurs.
ConfidentialitéTout savoir sur les images de code