DevTulz Online

Kod do obrazu

Zamień fragmenty kodu w piękne, udostępnialne obrazy. Wybierz motyw podświetlania składni, gradient tła i styl okna. Pobierz jako PNG. Bezpłatnie.

code.js

Czym jest Kod do obrazu?

Kod do obrazu zamienia dowolny fragment kodu w schludny, udostępnialny obraz — idealny do wpisów na blogu, mediów społecznościowych, prezentacji i dokumentacji. Wklej kod, wybierz język do podświetlania składni, wybierz jeden z siedmiu motywów (Atom One Dark, Atom One Light, GitHub Dark, Dracula, Monokai, VS Dark, Nord), wybierz gradient lub jednolite tło, dostosuj dopełnienie i styl ramki okna, włącz numery linii i pobierz PNG w wysokiej rozdzielczości. Wszystko działa w przeglądarce — żaden kod nie jest wysyłany na serwer.

Jak korzystać z Kod do obrazu

  1. Wklej lub wpisz kod w polu wprowadzania (klawisz Tab wstawia spacje).
  2. Wybierz język programowania lub pozostaw Wykryj automatycznie.
  3. Wybierz motyw podświetlania składni z menu Motyw.
  4. Kliknij próbkę tła, aby ustawić gradient lub kolor.
  5. Dostosuj dopełnienie, styl okna, rozmiar czcionki i numery linii.
  6. Wprowadź nazwę pliku (używana jako nazwa pobranego pliku PNG).
  7. Kliknij Pobierz PNG, aby zapisać obraz w rozdzielczości 2×.