Wandle Codezeilen in ansprechende Bilder mit Syntaxhervorhebung, Fensterrahmen und Glasoptik um.
Wandle Codezeilen in ansprechende Bilder mit Syntaxhervorhebung, Fensterrahmen und Glasoptik um. Geeignet für Alltag, Entwicklung, Lernen und schnelle Prüfungen.
Dieses Tool läuft im Browser. Prüfe vor sensiblen Daten, ob du deinem Gerät und Browser vertraust.
Wer Code in Präsentationen, Blogartikeln, sozialen Medien oder Tutorials zeigt, bekommt mit einem normalen System-Screenshot oft winzige Schrift, einen unruhigen Hintergrund und Editor-Oberfläche mitten im Bild. Dieser Generator setzt dein Snippet in ein sauberes Fenster mit Syntaxhervorhebung, Farbverlauf-Hintergrund und Fensterknöpfen im macOS-Stil, damit sich Leser auf den wichtigen Code konzentrieren.
Zur Wahl stehen drei Themes – Monokai, VS Dark und GitHub Light – sowie fünf Hervorhebungsmodi: JavaScript, HTML / XML, CSS, Python und JSON. Der Innenabstand (Padding) bestimmt den Raum zwischen Fenster und Hintergrundrand; für Social-Media-Posts darf er großzügig sein. Der Eckenradius lässt sich ans Corporate Design anpassen. Helle Themes sind auf Beamern und im Druck meist besser lesbar, dunkle auf Bildschirmen und in Feeds.
Das PNG wird in doppelter Auflösung gerendert und bleibt dadurch auf Retina-Displays, beim Vergrößern in Präsentationen und nach der Neukomprimierung durch soziale Netzwerke scharf. Für gute Lesbarkeit pro Bild etwa 10–25 Zeilen und rund 80 Zeichen pro Zeile verwenden, irrelevante Imports und Kommentare entfernen und lange Strings mit Auslassungspunkten kürzen. Sollen andere den Code kopieren, zusätzlich eine Textversion oder einen Gist teilen – Bilder werden weder von Suchmaschinen indexiert noch von Screenreadern vorgelesen.
Gezeichnet wird vollständig auf einem Canvas im Browser; der eingefügte Code wird nie hochgeladen, sodass auch interner oder unveröffentlichter Code sicher ist. Prüfe vor dem Teilen trotzdem, dass keine API-Schlüssel, Passwörter, internen URLs oder personenbezogenen Daten zu sehen sind.
Das PNG wird in doppelter Bildschirmgröße gezeichnet und bleibt auf Retina-Displays, in Folien und in sozialen Medien scharf.
JavaScript, HTML / XML, CSS, Python und JSON. Andere Sprachen lassen sich einfügen, erhalten aber keine spezifische Färbung.
Auf Beamern und in hellen Räumen ist GitHub Light meist besser lesbar. Für Bildschirmfreigaben und Social Media eignen sich Monokai oder VS Dark.
Nein. Das Bild entsteht auf einem Canvas im Browser. Prüfe vor dem Teilen dennoch, dass keine Geheimnisse sichtbar sind.
Kategorie ansehen: Entwickler & Code
Füge aus Excel oder Google Sheets kopierte Zellen, CSV oder XML-Spreadsheets ein und wandle sie sofort in Markdown-Tabellen, JSON-Arrays oder HTML-Tabellen um.
Rechne Timestamps in Sekunden/Millisekunden in lesbare Datumsformate mit Zeitzonenunterstützung um.
Teile Teilnehmer in Gruppen ein, mische Listen zufällig oder ziehe Gewinner ohne Wiederholungen.
Kombiniere Regen-, Kaminfeuer-, Wald- und Lo-Fi-Sounds mit integriertem Pomodoro-Timer für optimalen Fokus.
