Code-Screenshot verschönern
Code oder Text mit Farbverlauf-Hintergrund und Fensterrahmen versehen und als Bild für Social Media speichern
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Fügen Sie Code oder Text ein, und das Tool versieht ihn mit Farbverlauf-Hintergrund, Fensterrahmen im Mac-Stil, abgerundeten Ecken und Schatten und speichert ihn als hübsches Bild. Ideal, um Code-Schnipsel für Entwicklerblogs, Präsentationsfolien oder Twitter/Instagram in ein ansprechendes Kartenbild zu verwandeln.
Anleitung
- Fügen Sie Code oder Text in das Eingabefeld ein.
- Wählen Sie einen der 8 Farbverläufe als Hintergrund und passen Sie Fenstertitel und Ränder an.
- Vervollständigen Sie den Stil über die Kontrollkästchen für dunkles Thema und Fensterrahmen (Ampelknöpfe).
- Prüfen Sie die Vorschau und speichern Sie das hochauflösende Bild über „PNG herunterladen".
FAQ
- Wird der eingefügte Code an einen Server gesendet?
- Nein. Das Rendern des Codes und die Bilderzeugung laufen komplett im Canvas des Browsers ab, der eingegebene Code wird nicht an einen Server gesendet oder gespeichert. So können Sie auch sensiblen Code bedenkenlos nutzen.
- Gibt es auch Syntaxhervorhebung (farbliche Hervorhebung)?
- Die aktuelle Version rendert den Code in einer einfarbigen Monospace-Schrift ohne sprachspezifische Syntaxhervorhebung. Stattdessen entsteht durch Farbverlauf-Hintergrund, Fensterrahmen und Schatten ein visuell ansprechendes Bild.
- Ist die Bildauflösung nicht zu niedrig?
- Damit es auch auf Retina-Displays scharf ist, wird in doppelter Auflösung der tatsächlichen Anzeigegröße gerendert. Auch vergrößert in Blogtexten oder Folien bleibt die Schrift klar.