a11y.skipToMainContent
1

Code vers le convertisseur d'images

Transformez les extraits de code en belles images partageables. Choisissez un thème, ajustez les paramètres et téléchargez en PNG.

--- const pathname = Astro.url.pathname;const segments = pathname.split("/").filter(Boolean);const potentialLocale = segments[0];const currentLocale: Locale = (potentialLocale && LOCALES.includes(potentialLocale as any)) ? (potentialLocale as Locale) : DEFAULT_LOCALE;---

Preview will appear here

Was this tool helpful?
Send Image to:
Advertisement

How to use Code to Image Converter

  1. Collez votre code dans l'éditeur.
  2. Sélectionnez un thème, une langue et un style de fond.
  3. Cliquez sur Télécharger pour enregistrer en PNG.

Quel est {nom} ?

Un convertisseur code-image rend le code source dans une image polie qui convient au partage sur les réseaux sociaux, les blogs ou la documentation. Il applique la syntaxe mettant en évidence les thèmes, les fonds personnalisés, le chrome de la fenêtre et le rembourrage.

Cet outil rend entièrement dans votre navigateur en utilisant HTML Canvas. Aucun code n'est téléchargé. Choisissez parmi des thèmes populaires comme Dracula, One Dark, GitHub et Monokai.

Advertisement

FAQ

Mon code est-il téléchargé ?
C'est pas vrai. L'image est rendue entièrement dans votre navigateur en utilisant Canvas. Rien ne laisse votre appareil.
Quelles langues sont prises en charge?
L'outil applique la coloration syntaxique générique qui fonctionne bien pour JavaScript, Python, TypeScript, HTML, CSS, Go, Rust, Java, et les langues les plus populaires.
Puis-je ajouter une barre de titre de fenêtre ?
Oui. Activez l'option chrome de la fenêtre pour ajouter une barre de titre de style macOS avec feux de circulation.

Related tools

Author

MW
Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

📖 Code to Image Converter on Wikipedia·Developer Tools on Wikipedia·Code to Image Converter on Britannica

People also use

← Back to Developer Tools · All tags
Advertisement