ToolHub
Tool openen

Code Screenshot

Maak prachtige code-schermafbeeldingen met syntaxismarkering en aanpasbare achtergronden

Ontwikkelaarstools
Tool starten Alle tools

Over deze tool

Code Screenshot laat je code plakken en prachtige schermafbeeldingen genereren met syntaxismarkering, aanpasbare verloopachtergronden en vensterstijl. Het ondersteunt JavaScript, Python, HTML, CSS en JSON met instelbare padding, randradius en regelnummers — alles lokaal verwerkt in je browser.

Belangrijkste functies

Snel voorbeeld

Toepassingen

code screenshot syntax-highlighting

Veelgestelde vragen

Welke programmeertalen worden ondersteund?

De tool ondersteunt syntaxismarkering voor JavaScript, Python, HTML, CSS en JSON. Elke taal heeft eigen markeerregels voor sleutelwoorden, strings, opmerkingen en andere syntactiselementen.

Kan ik de achtergrond van de schermafbeelding aanpassen?

Ja, je kunt kiezen uit 8 vooraf ingestelde verloopachtergronden, waaronder Midnight, Sunset, Ocean, Forest, Berry, Ember, Arctic en Slate. Elk verloop stelt ook een bijpassende vensterachtergrondkleur in.

Hoe exporteer ik de schermafbeelding?

Je kunt de schermafbeelding exporteren als hoge-resolutie PNG-bestand met de knop 'Exporteer PNG', of deze direct naar je klembord kopiëren met de knop 'Naar klembord kopiëren'. De export gebruikt 2x-schaling voor scherpe resultaten.

Wordt mijn code naar een server gestuurd?

Nee. Alle codeverwerking, syntaxismarkering en schermafbeeldingsgeneratie gebeurt volledig in je browser. Je code wordt nooit geüpload of naar een server verzonden, wat volledige privacy garandeert.

Wat zijn de vensterstijl- en regelnummeropties?

Vensterstijl voegt de vertrouwde macOS-stijl rode, gele en groene stippen toe aan de bovenkant van het codevenster. Regelnummers tonen opeenvolgende nummers naast elke coderegel. Beide kunnen onafhankelijk worden in- of uitgeschakeld.

Gerelateerde tools

JSON ValidatorColor PickerHash GeneratorUUID Generator