Code als Bild
Erstelle ansprechende Code-Screenshots für Social Media, Folien, Blogs oder Dokumentation. Füge deinen Code ein, wähle Sprache, Design und Hintergrund und lade ein scharfes PNG oder ein skalierbares SVG herunter.
Zu 100 % in deinem Browser verarbeitet
Ctrl + Enter ausführenCtrl + C Ergebnis kopieren
So funktioniert es
- 1Füge deinen Code in den Editor ein.
- 2Wähle die Sprache (oder automatische Erkennung), das Design und den Hintergrund.
- 3Passe Abstand, Schriftgröße, Schatten und Zeilennummern an.
- 4Lade das PNG oder SVG herunter oder kopiere das Bild in die Zwischenablage.
Anwendungsfälle
- Einen Code-Ausschnitt auf X, LinkedIn oder Instagram teilen.
- Gut aussehenden Code in Folien und Präsentationen einbauen.
- Blogartikel und Tutorials illustrieren.
- Beispiele dokumentieren, ohne von der Editor-Formatierung abhängig zu sein.
Häufig gestellte Fragen
Wird mein Code an einen Server gesendet?
Nein. Highlighting und Bilderzeugung laufen in deinem Browser, dein Code verlässt dein Gerät nie.
Welche Sprachen werden unterstützt?
JavaScript, TypeScript, Python, Java, C, C++, C#, Go, Rust, PHP, Ruby, Swift, Kotlin, SQL, Bash, JSON, YAML, HTML/XML, CSS und Markdown sowie automatische Erkennung.
Welche Exportauflösung ist die beste?
Mit 2× oder 3× erhältst du scharfe Bilder auf Retina-Displays. Das SVG ist vektorbasiert und sieht in jeder Größe perfekt aus.
Kann ich einen transparenten Hintergrund verwenden?
Ja. Wähle „Transparent“ bei den Hintergründen, dann wird das PNG ohne Hintergrund exportiert, nur mit dem Code-Fenster.