Generator voor codescreenshots

Plak code en exporteer direct een verzorgde Carbon-stijl PNG-afbeelding, klaar voor documentatie, dia's, sociale berichten of README-bestanden. Syntax-highlighting draait volledig in uw browser, met wisselbare kleurthema's, vensterranden en regelnummers. Probeer ook de Code-speeltuin om fragmenten uit te voeren.
Draait volledig lokaal — niets wordt geüpload, geen watermerk.
Taal: Thema: Lettergrootte: bestandsnaam getoond in de titelbalk
PNG-breedte past bij de breedste regel; scherp als retina-export 2×.
Broncode
Voorbeeld — deze afbeelding is precies wat wordt gedownload
Hoe het werkt: de code wordt getokeniseerd met highlight.js (BSD-3-Clause, lokaal meegeleverd) en elk token wordt rechtstreeks op een canvas getekend, zodat de geëxporteerde PNG een echte bitmap is — lettertypen worden gemeten met de tekstengine van de browser en niet-ASCII-tekens gebruiken de lettertypestapel van het systeem. Kies een donker thema voor dia's en een licht thema voor gedrukte documenten. Gegenereerde afbeeldingen mag u overal gebruiken; let op de gebruikelijke licentievoorbehouden voor code die u niet bezit.