Graphisme / Code

Générateur de captures d’écran de code : transformez votre code en image nette

Créez une image soignée d’un extrait de code pour vos présentations, documents ou publications sur les réseaux sociaux : couleurs syntaxiques pour 17 langages, quatre thèmes, cadre de fenêtre avec titre, numéros de ligne et fond dégradé ou transparent, le tout enregistré en PNG haute définition ou en SVG, sans que le code ne quitte votre navigateur.

Générateur de captures d’écran de code : transformez votre code en image nette: Un petit outil de coloration intégré répartit le code entre mots-clés, chaînes de caractères, commentaires, nombres, noms de fonctions et types. Il le met ensuite en page ligne par ligne dans une police à chasse fixe, sous forme de SVG encadré comme une fenêtre d’éditeur. Le PNG est généré à partir de ce SVG en une, deux ou trois fois sa taille, afin de rester net sur les écrans haute résolution. Fonctionne 100 % localement dans votre navigateur, sans aucun téléversement de fichier vers le serveur.

Catégorie
Outils image
Exécutions
Dans votre navigateur
Coût
Gratuit · sans inscription
Disponibilité
Prêt à l'emploi
Atelier de captures de codeTraitement local

Fonctionne entièrement dans votre navigateur

Rien ne quitte votre navigateur. Le SVG indique le nom d’une police à chasse fixe au lieu de l’intégrer ; il s’affichera donc au mieux sur l’ordinateur qui l’a créé. Le PNG est figé.

Images de code lisibles

Gardez les extraits courts, d’environ 10 à 25 lignes et de moins de 80 caractères de large, afin que le texte reste lisible lorsque l’image est réduite dans un fil d’actualité ou sur une diapositive.

Accessibilité

Une image de code ne peut pas être copiée ni lue par un lecteur d’écran. Lorsque c’est possible, placez le code lui-même dans le texte alternatif ou à côté de l’image.

Comment l'utiliser

  1. Collez votre code.
  2. Choisissez le langage, le thème, le style de fenêtre et l’arrière-plan.
  3. Téléchargez l’image au format PNG ou SVG.

Confidentialité et limitations

Votre code reste dans votre navigateur et n’est jamais envoyé.

Outils associés

Questions fréquentes

Quels langages sont pris en charge par la coloration ?

JavaScript, TypeScript, Python, Go, Rust, Java, C, C++, C#, PHP, Ruby, SQL, CSS, HTML, JSON, Bash et YAML. Le langage est détecté à partir du code, mais vous pouvez aussi le choisir.

Pourquoi le SVG s’affiche-t-il différemment sur un autre ordinateur ?

Le SVG indique le nom d’une police au lieu de l’intégrer. Un autre ordinateur peut donc utiliser sa propre police à chasse fixe. Le PNG s’affiche de la même manière partout.

Puis-je rendre l’arrière-plan transparent ?

Oui : choisissez aucune couleur, et le PNG conserve un arrière-plan transparent autour de la fenêtre.

Outil gratuit · dans votre navigateur exécutions · aucun compte requis