Generator für Code-Screenshots

Fügen Sie Code ein und exportieren Sie sofort ein gepflegtes PNG-Bild im Carbon-Stil, bereit für Dokumentation, Folien, Beiträge in sozialen Medien oder README-Dateien. Die Syntaxhervorhebung läuft vollständig in Ihrem Browser, mit wählbaren Farbthemen, Fensterrahmen und Zeilennummern. Probieren Sie auch den Code-Spielplatz aus, um Snippets auszuführen.
Die Verarbeitung läuft vollständig lokal — nichts wird hochgeladen, kein Wasserzeichen.
Sprache: Thema: Schriftgröße: Dateiname, der in der Titelleiste angezeigt wird
PNG-Breite passt sich der längsten Zeile an; 2×-Export.
Code-Quelle
Vorschau — genau dieses Bild wird heruntergeladen
So funktioniert es: Der Code wird mit highlight.js (BSD-3-Clause, lokal mitgeliefert) in Tokens zerlegt, und jedes Token wird direkt auf ein canvas gezeichnet. Das exportierte PNG ist daher eine echte Bitmap — Schriften werden mit der Textengine des Browsers gemessen, und Nicht-ASCII-Zeichen verwenden den Systemschriftstapel. Wählen Sie für Folien ein dunkles und für gedruckte Dokumente ein helles Thema. Die erzeugten Bilder dürfen Sie überall verwenden; beachten Sie für Code, den Sie nicht besitzen, die üblichen Lizenzhinweise.