Outils · Création et prototypage

Codepng

Transforme du code source en images à partager, avec thèmes et arrière-plans au choix.

Visiter codepng.app (nouvelle fenêtre)

Codepng est un outil en ligne qui transforme du code source en images à partager, créé par Henri Parviainen. Il s’utilise dans le navigateur.

On saisit un extrait de code, puis on règle l’apparence de l’image : thème de couleurs, langage, contrôles de fenêtre, couleur d’arrière-plan, numéros de ligne et fond transparent. Le visuel obtenu, plus lisible et plus soigné qu’une capture d’écran, s’exporte en PNG et peut être inséré dans un article, un diaporama, un support de cours ou une publication sur les réseaux sociaux.

Pour un·e graphiste, l’outil sert à mettre en forme des extraits de code dans des visuels de communication technique, de documentation ou de contenu pédagogique, sans avoir à composer l’image à la main dans un logiciel de dessin. Il ne produit que des images fixes de code et ne remplace pas une mise en page complète.

Dans la même rubrique