Wofür Code zu Bild gedacht ist
Code zu Bild wandelt einen eingefügten Code-Ausschnitt in ein hochauflösendes PNG-Bild um. Dabei werden Schlüsselwörter, Zeichenketten, Zahlen und Kommentare einfach eingefärbt, damit der Code wie in einem Editor aussieht.
Bedienung
- Code in das Textfeld einfügen
- Farbe und Schriftgröße nach Wunsch einstellen
- Auf Vorschau rendern und anschließend als PNG herunterladen
Typische Anwendungen: Code-Schnipsel in Beiträgen zeigen, Fehlermeldungen als Bild dokumentieren, Code für Präsentationen aufbereiten.
Fragen und Antworten
Werden meine Daten an einen Server geschickt?
Nein. Alles läuft in Ihrem Browser, der Code verlässt Ihr Gerät nicht.
Warum sieht die Färbung einfacher aus als im Editor?
Der Kern erkennt die üblichen Tokens per regulärem Ausdruck. Das reicht für die meisten Sprachen; eine vollständige IDE-Färbung bietet er nicht.
Kann ich die Schriftart ändern?
Feste Schriften wie Consolas oder Menlo sorgen für eine stabile Breite. Hintergrund, Textfarbe und Größe lassen sich einstellen.
Welche Auflösung hat das PNG?
Die Breite richtet sich nach dem längsten Token; über devicePixelRatio wird das Bild auf dem Bildschirm scharf gerendert.
Einschränkungen
Das Werkzeug ist für Snippets und kurze Code-Ausschnitte gedacht. Sehr lange Dateien können das Canvas und den Browser-Speicher belasten.
Was das Werkzeug kann
Einfache Syntaxfärbung für Schlüsselwörter, Strings, Zahlen und Kommentare, Hintergrund-, Textfarbe und Schriftgröße frei wählbar, Scharfe Darstellung über devicePixelRatio, Direkter PNG-Download per Klick.
Diese Werkzeuge passen zu Code zu Bild: