Generator zrzutów ekranu kodu

Generuj zrzuty ekranu kodu z podświetlaniem składni i eksportuj je jako SVG, PNG, JPEG, WebP lub HTML.

Kod
Wklej fragment, który chcesz zamienić w obraz.
Składnia
Wybierz podświetlanie, wykrywanie języka i motyw kolorów.
Renderowanie
Tło
Ustaw płótno za kartą kodu.
Tryb tła
Okno
Wybierz przyciski ramki i sposób pokazywania numerów linii.
Styl okna
Układ
Dostosuj odstępy, rozmiar pisma, promień i szerokość tabulatora.

Generator zrzutów ekranu kodu

Co robi

Generator zrzutów ekranu kodu zamienia wklejony fragment w dopracowaną kartę kodu, którą można wyeksportować jako SVG, PNG, JPEG, WebP albo samodzielny HTML. Działa w przeglądarce, stosuje podświetlanie składni z wybieranymi motywami i pozwala dopracować ramkę przed pobraniem.

Kiedy go używać

Używaj go do obrazów w dokumentacji, informacji o wydaniu, wpisów na blogu, prezentacji, podglądów społecznościowych i zgłoszeń błędów, gdy stylizowany fragment kodu łatwiej przeskanować niż zwykły tekst. Eksporty SVG i HTML pozostają ostre w dokumentacji, a PNG, JPEG i WebP przydają się w narzędziach oczekujących obrazów rastrowych.

Jak uzyskać czysty eksport

Wybierz najbliższy język albo zostaw automatyczne wykrywanie, a potem wybierz motyw z kontrastem odpowiednim do miejsca docelowego. Zostaw numery linii włączone, gdy fragment będzie omawiany w dyskusji, i wyłącz zewnętrzne tło, gdy potrzebujesz przezroczystego zasobu do innego projektu.

Prywatność i ograniczenia

Fragment jest przetwarzany lokalnie na stronie i nie jest przesyłany przez to narzędzie. Bardzo duże pliki mogą spowolnić podświetlanie i eksport rastrowy, więc przed eksportem przytnij fragment do linii, które chcesz pokazać.