DevTulz Online

Kód na obrázek

Převádějte úryvky kódu na krásné, sdílitelné obrázky. Vyberte si z témat zvýraznění syntaxe, přechodových pozadí a stylů oken. Stáhněte jako PNG. Zdarma a na straně klienta.

code.js

Co je Kód na obrázek?

Kód na obrázek vám umožňuje převést libovolný úryvek kódu na propracovaný, sdílitelný obrázek — ideální pro blogové příspěvky, sociální sítě, dokumentaci a prezentace. Vyberte si z populárních témat zvýraznění syntaxe (Atom One Dark, Dracula, GitHub Dark, Monokai, Nord, VS Dark), vyberte přechodové nebo jednobarevné pozadí, zvolte styl rámečku okna (macOS nebo Windows), přepněte čísla řádků a stáhněte výsledek jako PNG ve vysokém rozlišení. Veškeré vykreslování probíhá ve vašem prohlížeči pomocí Web Crypto API — žádný server, žádné nahrávání, žádné vodoznaky.

Jak používat Kód na obrázek

  1. Vložte váš kód do vstupního pole (klávesa Tab vkládá mezery).
  2. Vyberte programovací jazyk nebo ponechte Auto-detect.
  3. Vyberte téma zvýraznění syntaxe z rozevíracího menu Téma.
  4. Klikněte na vzorník pozadí pro výběr přechodu nebo jednobarevné barvy.
  5. Upravte odsazení, styl okna, velikost písma a čísla řádků dle potřeby.
  6. Zadejte název souboru (používá se pro název staženého souboru).
  7. Klikněte na Stáhnout PNG pro uložení obrázku v rozlišení 2×.