Code als gut lesbares Bild teilen
Fügen Sie ein Snippet ein und erhalten Sie ein ansprechendes Bild davon: mit Syntax-Highlighting in einem Editor-Theme, eingerahmt in ein macOS- oder Windows-Fenster, auf einem Verlaufs- oder einfarbigen Hintergrund. Solche Bilder lesen sich gut in einem Tweet, einer Folie, einem Blogbeitrag oder einer Dokumentation — und sie werden in Ihrem Browser gezeichnet, Ihr Code wird also nie hochgeladen.
So machen Sie aus Code ein Bild
- 1Fügen Sie Ihren Code ein oder tippen Sie ihn. Die Sprache wird automatisch erkannt, oder Sie wählen sie selbst.
- 2Wählen Sie Theme, Schrift, Größe und Zeilenhöhe, und schalten Sie bei Bedarf Zeilennummern ein.
- 3Wählen Sie das Fenster — macOS, Windows oder keines — und geben Sie ihm einen Dateinamen als Titel.
- 4Wählen Sie einen Verlaufs-, einfarbigen oder transparenten Hintergrund und wie viel Innenabstand das Fenster umgibt.
- 5Laden Sie PNG, JPEG oder WebP in 1× bis 4× oder SVG herunter, oder kopieren Sie das Bild direkt in die Zwischenablage.
Scharf in jeder Größe
Bilder werden standardmäßig in 2× exportiert, damit sie auf hochauflösenden Bildschirmen und in Folien scharf bleiben. Für Druck oder sehr große Displays gehen Sie bis 4×.
SVG behält den Code als echten Text: Es lässt sich unbegrenzt skalieren und bleibt klein, wird aber mit den Schriften desjenigen gezeichnet, der es öffnet.
Sprachen und Themes
- Sprachen
- JavaScript, TypeScript, Python, Java, C, C++, C#, Go, Rust, PHP, Ruby, Swift, Kotlin, Dart, SQL, Bash, PowerShell, HTML, CSS, SCSS, JSON, YAML, Markdown, Dockerfile, Lua, R und reiner Text.
- Themes
- Dracula, One Dark, GitHub Dark, GitHub Light, Monokai, Nord, Night Owl und Solarized Light.
Ihr Code bleibt auf Ihrem Gerät
Highlighting und Zeichnen passieren im Browser, Sie können also bedenkenlos privaten oder unveröffentlichten Code einfügen. Kein Konto, kein Wasserzeichen.
Um den Code vorher aufzuräumen, nutzen Sie den Code-Minifier & Beautifier; um das Bild auf ein Gerät zu setzen, nutzen Sie den Geräte-Mockup-Generator.
Häufige Fragen
- Ist das wie Carbon?
- Ja — es erzeugt die gleiche Art von Bild: hervorgehobenen Code in einem Fenster auf einem Hintergrund. Es läuft komplett in Ihrem Browser, ohne den Code hochzuladen.
- Kann ich den Hintergrund transparent machen?
- Ja. Wählen Sie unter Hintergrund „Keiner“ und exportieren Sie als PNG, WebP oder SVG. JPEG kennt keine Transparenz, daher wird mit Weiß gefüllt.
- Warum sieht das SVG auf einem anderen Computer etwas anders aus?
- SVG-Text wird mit den Schriften gezeichnet, die dort installiert sind, wo die Datei geöffnet wird. Fehlt die gewählte Schrift, springt eine ähnliche Monospace-Schrift ein. PNG, JPEG und WebP sehen überall gleich aus.
- Gibt es ein Limit, wie viel Code ich verwenden kann?
- Kein festes, aber sehr langer oder sehr breiter Code ergibt ein sehr großes Bild, das manche Browser bei hohen Skalierungen nicht erzeugen können. Verringern Sie die Skalierung oder kürzen Sie das Snippet, wenn der Export fehlschlägt.
- Wird mein Code hochgeladen?
- Nein. Der Code wird in Ihrem Browser hervorgehoben und gezeichnet und verlässt nie Ihr Gerät.