Comment Utiliser le Convertisseur Code en Image
Étape 1 — Collez votre code. Tapez ou collez votre code source dans l'éditeur de gauche. Sélectionnez votre langage de programmation dans le menu déroulant, ou laissez sur Détection auto. L'outil est compatible avec JavaScript, TypeScript, Python, Java, C++, C#, Go, Rust, PHP, Ruby, Swift, Kotlin, SQL, HTML, CSS, JSON, YAML, Bash, Markdown, XML et Texte Brut.
Étape 2 — Personnalisez l'apparence. Choisissez l'un des 8 thèmes de syntaxe : One Dark, Monokai, Dracula, GitHub Dark, Nord, Night Owl, Solarized Dark ou Tokyo Night. Sélectionnez un fond dégradé (Sunset, Ocean, Emerald, Twilight, Candy, Carbon ou Transparent). Ajustez la police (JetBrains Mono, Fira Code ou Source Code Pro), la taille de police, le remplissage et la largeur du panneau. Activez ou désactivez les numéros de ligne, le cadre de fenêtre et l'ombre.
Étape 3 — Exportez. Cliquez sur Copier l'Image pour copier directement dans le presse-papiers (pour Slack, Twitter/X, Discord, Notion, GitHub Issues), ou cliquez sur Télécharger PNG pour enregistrer le fichier. Sélectionnez l'échelle 1x, 2x ou 3x pour différentes résolutions de sortie.
Langages de Programmation Pris en Charge
QuickImg Code en Image prend en charge la coloration syntaxique pour plus de 20 langages de programmation, propulsé par Highlight.js :
JavaScript, TypeScript, Python, HTML, CSS, Java, C++, C#, Go, Rust, PHP, Ruby, Swift, Kotlin, SQL, JSON, YAML, Bash, Markdown, XML et Texte Brut.
Tous les langages bénéficient d'une coloration syntaxique précise basée sur les tokens avec des mots-clés, des chaînes, des nombres, des commentaires, des fonctions et des opérateurs colorés. La fonction de détection automatique utilise Highlight.js pour identifier automatiquement le langage de votre extrait de code.
Questions Fréquentes
Comment fonctionne Code en Image ? +
Collez votre code, choisissez un thème et un fond, puis exportez. Tout s'exécute entièrement dans votre navigateur en utilisant JavaScript et la bibliothèque Highlight.js pour la coloration syntaxique. Votre code n'est jamais envoyé à un serveur. Exportez en PNG ou copiez directement dans le presse-papiers.
Quels langages de programmation sont pris en charge ? +
Plus de 20 langages : JavaScript, TypeScript, Python, Java, C++, C#, Go, Rust, PHP, Ruby, Swift, Kotlin, SQL, HTML, CSS, JSON, YAML, Bash, Markdown, XML et Texte Brut. Vous pouvez également utiliser la détection automatique pour que Highlight.js identifie le langage automatiquement.
Puis-je copier l'image dans le presse-papiers ? +
Oui ! Cliquez sur « Copier l'Image » pour copier directement dans le presse-papiers via l'API du Presse-papiers. Ensuite, collez-la dans Slack, Twitter/X, Notion, Discord, GitHub Issues ou tout endroit acceptant les images. Nécessite HTTPS.
Mon code est-il privé et sécurisé ? +
Oui, 100% privé. Tout le traitement se fait entièrement dans votre navigateur en utilisant JavaScript côté client. Votre code ne quitte jamais votre appareil, rien n'est envoyé à un serveur et aucune donnée n'est stockée. Aucune inscription ni compte requis.
Quels thèmes et fonds sont disponibles ? +
8 thèmes de coloration syntaxique : One Dark, Monokai, Dracula, GitHub Dark, Nord, Night Owl, Solarized Dark et Tokyo Night. Chaque thème a des couleurs soigneusement ajustées pour les mots-clés, les chaînes, les commentaires et autres tokens. 7 fonds dégradés : Sunset, Ocean, Emerald, Twilight, Candy, Carbon et Transparent (sans fond).
Puis-je contrôler la largeur de l'image ? +
Oui. Par défaut, la largeur du panneau s'adapte automatiquement à la ligne de code la plus longue. Vous pouvez désactiver la largeur automatique et définir une largeur fixe (300–1200px) pour des tailles d'image cohérentes. Avec une largeur fixe, les lignes longues s'ajusteront automatiquement au bord du panneau.
Quelles polices sont disponibles ? +
Trois polices monoespacées pour le code : JetBrains Mono (par défaut), Fira Code et Source Code Pro. Toutes chargées depuis Google Fonts. La taille de police est ajustable de 10px à 24px.
Code en Image est-il une alternative gratuite à Carbon ? +
Oui ! QuickImg Code en Image est une alternative gratuite et ouverte à Carbon.now.sh. Il offre des fonctionnalités similaires — coloration syntaxique, thèmes, fonds dégradés — plus une largeur de panneau ajustable, une exportation 3x et une copie instantanée dans le presse-papiers. Tout s'exécute côté client sans traitement serveur, donc fonctionne hors ligne après le chargement initial.