Kostenloser Code-Screenshot-Generator online

Öffnen Sie den Editor, fügen Sie Ihr Snippet ein und wählen Sie die Sprache. Wählen Sie ein Theme, einen Fensterrahmen und einen Hintergrund und klicken Sie dann auf „PNG herunterladen“. Das Bild wird als code-screenshot.png in doppelter Vorschaugröße auf Ihrem Gerät gespeichert und kann direkt gepostet oder in eine Folie eingefügt werden.

Sie können aus 29 wählen: TypeScript, JavaScript, Python, Rust, Go, Java, Kotlin, Swift, C, C++, C#, Ruby, PHP, HTML, CSS, SCSS, JSON, YAML, TOML, Bash, Shell, SQL, GraphQL, Markdown, Dockerfile, Terraform, Vue, JSX und TSX. Die Liste zeigt Kurz-IDs, daher erscheint C++ als cpp und C# als csharp.

Es gibt 13 Themes. Zehn sind dunkel: Vitesse Dark, GitHub Dark, Dracula, Nord, One Dark Pro, Monokai, Catppuccin Mocha, Tokyo Night, Min Dark und Solarized Dark. Drei sind hell: Vitesse Light, GitHub Light und Solarized Light. Der Editor startet mit Vitesse Dark.

Derzeit nicht. Der Editor zeigt zwar ein Kästchen „Zeilennummern anzeigen“, fügt aber noch keine Nummern hinzu, daher enthält das PNG keine. Um Leser auf eine Zeile hinzuweisen, zitieren Sie sie in Ihrem Text oder fügen Sie einen kurzen Kommentar im Code selbst ein.

Das PNG ist in jeder Richtung doppelt so groß wie die gerahmte Vorschau. Der Rahmen ist auf dem Bildschirm mindestens 400 px breit, daher ist die Datei mindestens 800 px breit. Längere Zeilen, eine größere Schrift oder mehr Innenabstand machen es größer.

Sie können eine eigene Farbe verwenden, aber keine transparente. Wählen Sie eine von 9 einfarbigen Optionen oder einen von 4 Verläufen, oder öffnen Sie die Farbauswahl für einen beliebigen einfarbigen Ton. Die Farbauswahl kann keinen Verlauf erzeugen, und es gibt keine Transparenz-Option, daher hat der Bereich um das Fenster immer eine Farbe.

macOS zeigt rote, gelbe und grüne Punkte. Windows setzt den Tab-Titel nach links und die Symbole für Minimieren, Maximieren und Schließen nach rechts. Browser ergänzt Vor- und Zurück-Pfeile sowie eine Adressleiste. Ohne Rahmen wird nur der Code auf dem Hintergrund angezeigt.

Nein. Kopieren Sie den Code aus VS Code, PyCharm oder einem anderen Editor und fügen Sie ihn hier ein. Eine normale Bildschirmaufnahme erfasst auch Tabs, Seitenleisten und Ihre eigenen Farbeinstellungen, während dieses Tool nur das Snippet zeichnet, im gewählten Theme und Rahmen.

Prüfen Sie zuerst das Sprachmenü. Das Tool errät die Sprache nie, daher bekommt Python-Code, der auf TypeScript eingestellt ist, die falschen Farben. Wählen Sie die Sprache, die zu Ihrem Snippet passt. Falls die Hervorhebung einmal fehlschlägt, erscheint der Code statt einer Fehlermeldung als einfarbiger Text.

Sie können die Größe ändern, aber nicht die Schriftart. Der Regler reicht von 11 bis 20 px. Der Code verwendet die integrierte Monospace-Schrift Ihres Geräts, daher kann dasselbe Snippet auf einem Mac und unter Windows leicht unterschiedlich aussehen.

Ja, es ist kostenlos, ohne Konto, ohne Wasserzeichen und ohne Tageslimit. Ihr Code wird nie an einen Server gesendet; das Bild wird auf Ihrem Gerät erstellt und gespeichert. Auf der Live-Website erfasst Google Analytics den Seitenaufruf, nicht Ihren Code.