DevTulz Online

Code naar Afbeelding

Zet codefragmenten om in prachtige deelbare afbeeldingen. Kies uit syntaxismarkeringsthema's, verloopachtergronden en vensterstijlen. Download als PNG. Gratis.

code.js

Wat is Code naar Afbeelding?

Code naar Afbeelding zet elk codefragment om in een verzorgde, deelbare afbeelding — perfect voor blogposts, sociale media, presentaties en documentatie. Plak code, selecteer een taal voor syntaxismarkering, kies een van de zeven thema's (Atom One Dark, Atom One Light, GitHub Dark, Dracula, Monokai, VS Dark, Nord), kies een verloop- of effen achtergrond, pas opvulling en vensterstijl aan, zet regelnummers aan en download een hoge-resolutie PNG. Alles draait in je browser — er wordt nooit code naar een server geüpload.

Hoe gebruik je Code naar Afbeelding

  1. Plak of typ je code in het invoerveld (Tab-toets voegt spaties in).
  2. Selecteer de programmeertaal of laat Automatisch detecteren staan.
  3. Kies een syntaxismarkeringsthema uit het Thema-menu.
  4. Klik op een achtergrondstaal om een verloop of kleur in te stellen.
  5. Pas opvulling, vensterstijl, lettergrootte en regelnummers aan.
  6. Voer een bestandsnaam in (gebruikt als naam van het gedownloade PNG-bestand).
  7. Klik op Download PNG om de afbeelding op te slaan in 2× resolutie.