Créez de superbes images à partir de vos extraits de code avec syntaxe colorée.
Créez de superbes images à partir de vos extraits de code avec syntaxe colorée. Utilisez-le au travail, en développement, en apprentissage ou pour une vérification rapide.
Cet outil fonctionne dans le navigateur. Avant d'utiliser des données sensibles, assurez-vous que votre appareil et votre navigateur sont fiables.
Pour partager du code dans une présentation, un article de blog, sur les réseaux sociaux ou dans un tutoriel, une simple capture d’écran donne souvent un texte minuscule, un fond encombré et l’interface de l’éditeur mêlée au code. Ce générateur place votre extrait dans une fenêtre épurée avec coloration syntaxique, fond en dégradé et boutons façon macOS, pour que le lecteur se concentre sur l’essentiel.
Trois thèmes sont proposés, Monokai, VS Dark et GitHub Light, ainsi que cinq modes de coloration : JavaScript, HTML / XML, CSS, Python et JSON. La marge (padding) règle l’espace entre la fenêtre et le bord du fond ; pour les réseaux sociaux, prévoyez-la généreuse afin d’aérer la composition. Le rayon des coins s’adapte à votre charte. Les thèmes clairs passent généralement mieux au vidéoprojecteur et à l’impression, les thèmes sombres sur écran et dans les fils d’actualité.
Le PNG est rendu en résolution 2×, il reste donc net sur écran Retina, agrandi dans une présentation ou après la recompression des réseaux sociaux. Pour la lisibilité, limitez chaque image à 10–25 lignes et environ 80 caractères par ligne, retirez les imports et commentaires inutiles et raccourcissez les longues chaînes par des points de suspension. Si le code doit être copié, partagez aussi une version texte ou un Gist : une image n’est ni indexée par les moteurs de recherche ni lue par les lecteurs d’écran.
Tout est dessiné sur un canvas dans votre navigateur et le code collé n’est jamais envoyé à un serveur : vous pouvez utiliser du code interne ou non publié. Vérifiez tout de même avant de partager qu’aucune clé d’API, mot de passe, URL interne ou donnée personnelle n’apparaît.
Le PNG est dessiné au double de la taille affichée, ce qui le garde net sur Retina, dans les diapositives et sur les réseaux sociaux.
JavaScript, HTML / XML, CSS, Python et JSON. D’autres langages peuvent être collés, sans coloration spécifique.
Au vidéoprojecteur ou dans une salle éclairée, GitHub Light est souvent plus lisible. Pour un partage d’écran ou les réseaux, Monokai ou VS Dark rendent très bien.
Non. L’image est générée sur un canvas dans le navigateur. Vérifiez simplement qu’aucun secret n’est visible avant de la partager.
Voir cette catégorie: Développeurs & Code
Collez des cellules copiées depuis Excel ou Google Sheets, du CSV ou un XML Spreadsheet et obtenez instantanément un tableau Markdown, un tableau JSON ou une table HTML.
Convertissez des timestamps Unix (secondes/millisecondes) en dates lisibles et inversement.
Effectuez des tirages au sort aléatoires et animés pour vos événements.
Mélangez des sons de nature, pluie, café et bruit blanc pour améliorer votre concentration.
