Captures de Code

Transformez du code en image coloree et copiez-la aussitot

Chargement…

Cet outil vous a-t-il été utile?

About this tool

Collez votre code et obtenez une image avec coloration syntaxique. Neuf themes, des fonds en degrade ou transparents, des decorations de fenetre macOS et Windows, des numeros de ligne et la mise en evidence de lignes precises sont disponibles ; le resultat se telecharge ou se copie directement dans le presse-papiers pour Slack ou un blog. L'apercu affiche est l'image exportee elle-meme : aucune surprise apres telechargement.

How to use

  1. Collez votre code. Le langage est detecte a partir du contenu et du nom de fichier.
  2. Choisissez un theme et un fond, puis ajustez la marge et la taille du texte.
  3. Pour mettre des lignes en evidence, saisissez par exemple 3,5-7.
  4. Appuyez sur Copier l'image, ou telechargez le PNG en 1x, 2x ou 3x.

Frequently asked questions

Que signifient 2x et 3x ?
Ils dessinent la meme image au double ou au triple de resolution. Preferez 2x ou plus pour les ecrans retina et les diapositives ; 1x suffit dans un article. La taille du texte ne change pas, seule la densite de pixels augmente.
Copier l'image ne fait rien.
Votre navigateur ne sait pas ecrire d'images dans le presse-papiers : certaines versions de Safari et les navigateurs anciens sont dans ce cas. Utilisez le telechargement PNG.
Mes commentaires accentues sont mal affiches.
La police choisie ne couvre pas ces caracteres. JetBrains Mono et Fira Code sont latines, le reste bascule sur une police systeme. Pour du code contenant beaucoup de caracteres non latins, choisissez la monospace du systeme.
Que contient le lien de partage ?
Votre code et tous les reglages, encodes apres le # de l'URL. Les navigateurs n'envoient jamais cette partie au serveur, elle ne figure donc pas dans les journaux - mais le lien contient bien le code : ne partagez rien de confidentiel.
Pourquoi dessiner plutot que capturer l'ecran ?
Les captures d'ecran ne s'affichent pas pareil d'un navigateur a l'autre, et si la police web n'est pas prete au moment du cliche, la typographie change entierement. Dessiner sur un canvas donne la meme image partout.

Votre code est traite uniquement dans le navigateur et n'est jamais envoye a un serveur. Les grammaires de coloration et les themes sont recuperes a la demande : la premiere fois que vous choisissez un langage ou un theme, il peut y avoir une courte attente.

Outils similaires