Menu
Załóż konto

Zamień kod w obrazek do udostępnienia

Wklej fragment, dodaj tytuł, nazwę pliku i język, pobierz PNG w rozmiarze do social media. Numery wierszy, lekkie podświetlenie, zachowane wcięcia — bez przycinania zrzutów ekranu.

Fragment kodu
Kod ze znakami nowej linii. Widać do 16 wierszy
Kolor akcentu
Motyw
Rozmiar

Za darmo i bez konta: mały znak wodny na każdym obrazku, 5 obrazków na godzinę z jednego adresu. Tylko tekst — własne obrazki wstawia API.

Tu pojawi się obrazek. Zmień tekst i kliknij „Generuj obrazek".

Jak to działa

  1. Wklej do 16 wierszy kodu; wcięcia i puste wiersze zostają, tabulatory zamieniają się na dwie spacje.
  2. Dodaj tytuł, nazwę pliku, język i swój nick.
  3. Chrome renderuje go w 1200×630 albo 1080×1080 jako PNG.

Przydaje się do

Obrazki kodu prosto z dokumentacji

Wyrenderuj kartę dla każdego fragmentu w dokumentacji albo changelogu: jedno wywołanie API na fragment z szablonem code-snippet — albo własny projekt w HTML i CSS. 100 obrazków miesięcznie za darmo.

Zacznij za darmo — 100 obrazków miesięcznie API HTML do obrazka

Pytania

Czy kod jest podświetlany?

Lekko: komentarze, łańcuchy, liczby i słowa kluczowe wspólne dla popularnych języków dostają własne kolory, są też numery wierszy. To dopasowanie wzorców, a nie parser Twojego języka, więc nietypowa składnia zostaje bez kolorów.

Ile kodu się zmieści?

Do 16 wierszy (i 1500 znaków); wiersze po szesnastym są pomijane. Tekst zmniejsza się, żeby się zmieścić, a długie wiersze się zawijają.

Czy to darmowe?

Tak, bez konta: 5 obrazków na godzinę z jednego adresu, z małym znakiem wodnym.

Czy da się to generować automatycznie?

Tak — wyślij kod do API z szablonem code-snippet albo zapisz własny projekt w HTML i CSS. 100 obrazków miesięcznie za darmo.