Code-Screenshot-Generator

Code in ein hervorgehobenes Bild verwandeln und direkt kopieren

Lädt…

War dieses Tool hilfreich?

About this tool

Fuegen Sie Code ein und erhalten Sie ein Bild mit Syntaxhervorhebung. Neun Themes, Verlaufs- oder transparente Hintergruende, macOS- und Windows-Fensterdekoration, Zeilennummern und das Hervorheben einzelner Zeilen stehen bereit; das Ergebnis laesst sich herunterladen oder direkt in die Zwischenablage kopieren - fuer Slack oder einen Blogbeitrag. Die Vorschau am Bildschirm ist das exportierte Bild selbst, es gibt also keine Ueberraschungen nach dem Download.

How to use

  1. Code einfuegen. Die Sprache wird aus Inhalt und Dateiname erkannt.
  2. Theme und Hintergrund waehlen, dann Rand und Schriftgroesse anpassen.
  3. Zum Hervorheben von Zeilen etwas wie 3,5-7 eintragen.
  4. Bild kopieren druecken oder das PNG in 1x, 2x oder 3x herunterladen.

Frequently asked questions

Was bedeuten 2x und 3x?
Dasselbe Bild wird in doppelter oder dreifacher Aufloesung gezeichnet. Fuer Retina-Displays und Praesentationsfolien eignet sich 2x oder mehr, im Blogtext reicht 1x. Die Schriftgroesse bleibt gleich, nur die Pixel werden dichter.
Bild kopieren bewirkt nichts.
Ihr Browser kann keine Bilder in die Zwischenablage schreiben - manche Safari-Versionen und aeltere Browser verhalten sich so. Nutzen Sie den PNG-Download.
Umlaute in Kommentaren sehen falsch aus.
Die gewaehlte Schrift deckt diese Zeichen nicht ab. JetBrains Mono und Fira Code sind lateinisch, alles andere faellt auf eine Systemschrift zurueck. Bei viel nichtlateinischem Text waehlen Sie die System-Monospace.
Was steckt im Teilen-Link?
Ihr Code und saemtliche Einstellungen, codiert hinter dem # der URL. Diesen Teil senden Browser nie an einen Server, er landet also nicht in Logs - der Link selbst enthaelt aber den Code. Teilen Sie nichts Vertrauliches.
Warum zeichnen statt den Bildschirm abzufotografieren?
Bildschirmaufnahmen rendern in jedem Browser anders, und ist die Webschrift beim Ausloesen noch nicht bereit, aendert sich die Typografie komplett. Direkt auf ein Canvas gezeichnet, sieht das Bild ueberall gleich aus.

Ihr Code wird nur im Browser verarbeitet und nie an einen Server gesendet. Grammatiken und Themes werden bei Bedarf geladen, daher kann es beim ersten Auswaehlen einer Sprache oder eines Themes kurz dauern.

Ähnliche Tools