Partagez du code sous forme d'image facile à lire
Collez un extrait et obtenez une image soignée : avec coloration syntaxique dans un thème d'éditeur, encadrée dans une fenêtre macOS ou Windows, sur un fond dégradé ou uni. C'est le genre d'image qui se lit bien dans un tweet, une diapositive, un article de blog ou une documentation — et elle est dessinée dans votre navigateur, votre code n'est donc jamais envoyé.
Comment transformer du code en image
- 1Collez ou tapez votre code. Le langage est détecté automatiquement, ou choisissez-le vous-même.
- 2Choisissez un thème, une police, une taille et une hauteur de ligne, et activez les numéros de ligne si vous le souhaitez.
- 3Choisissez la fenêtre — macOS, Windows ou aucune — et donnez-lui un nom de fichier comme titre.
- 4Choisissez un fond dégradé, uni ou transparent, et la marge autour de la fenêtre.
- 5Téléchargez en PNG, JPEG ou WebP de 1× à 4×, ou en SVG ; ou copiez l'image directement dans le presse-papiers.
Net à toutes les tailles
Les images sont exportées en 2× par défaut, elles restent donc nettes sur les écrans haute densité et dans les diapositives. Montez jusqu'à 4× pour l'impression ou les très grands écrans.
Le SVG garde le code sous forme de vrai texte : il s'agrandit sans limite et reste léger, mais il est dessiné avec les polices de la personne qui l'ouvre.
Langages et thèmes
- Langages
- JavaScript, TypeScript, Python, Java, C, C++, C#, Go, Rust, PHP, Ruby, Swift, Kotlin, Dart, SQL, Bash, PowerShell, HTML, CSS, SCSS, JSON, YAML, Markdown, Dockerfile, Lua, R et texte brut.
- Thèmes
- Dracula, One Dark, GitHub Dark, GitHub Light, Monokai, Nord, Night Owl et Solarized Light.
Votre code reste sur votre appareil
La coloration et le dessin se font dans le navigateur, vous pouvez donc coller sans risque du code privé ou non publié. Pas de compte, pas de filigrane.
Pour mettre d'abord le code au propre, passez-le dans le minificateur et beautifier de code ; pour placer l'image sur un appareil, utilisez le générateur de mockups d'appareils.
Questions fréquentes
- Est-ce comme Carbon ?
- Oui — l'outil crée le même genre d'image : du code coloré dans une fenêtre sur un fond. Il fonctionne entièrement dans votre navigateur, sans envoyer le code.
- Puis-je rendre le fond transparent ?
- Oui. Choisissez Aucun sous Fond et exportez en PNG, WebP ou SVG. Le JPEG ne gère pas la transparence, le fond est donc rempli de blanc.
- Pourquoi le SVG est-il un peu différent sur un autre ordinateur ?
- Le texte d'un SVG est dessiné avec les polices installées là où il est ouvert. Si la police choisie manque, une police à chasse fixe similaire la remplace. Les PNG, JPEG et WebP s'affichent partout à l'identique.
- Y a-t-il une limite à la quantité de code ?
- Pas de limite fixe, mais un code très long ou très large donne une très grande image, que certains navigateurs ne peuvent pas créer aux échelles élevées. Baissez l'échelle ou raccourcissez l'extrait si l'export échoue.
- Mon code est-il envoyé quelque part ?
- Non. Le code est coloré et dessiné dans votre navigateur et ne quitte jamais votre appareil.