Jak zrobić zrzut ekranu kodu do prezentacji lub postów

Aby zrobić zrzut ekranu kodu, otwórz generator zrzutów ekranu kodu i wklej kod do okna. Wybierz język w polu „Język”, aby kolory pasowały do kodu. Wpisz nazwę w polu „Nazwa pliku”, aby pojawiła się na pasku tytułu, a następnie kliknij „PNG”. Obraz powstaje w przeglądarce.

Zrzut ekranu z edytora pokazuje też karty, menu i drobny tekst. Tutaj zobaczysz tylko okno z kodem, w rozmiarze trzykrotnie większym niż na ekranie. Tekst pozostanie wyraźny nawet na dużym slajdzie.

Jak utworzyć obraz

1. Kliknij wewnątrz okna i wklej kod. Możesz też wpisać go bezpośrednio. Klawisz Enter zachowuje wcięcie z poprzedniego wiersza.
2. Wybierz język w polu „Język”. Domyślnie wybrany jest JavaScript.
3. Wybierz ramkę w polu „Styl okna”: macOS, Windows lub Brak. Domyślnie wybrana jest opcja macOS.
4. Wpisz nazwę pliku, na przykład retry.py. Pojawi się ona na pasku tytułu.
5. Kliknij „PNG” pod podglądem.

Generator zrzutów ekranu kodu z funkcją retry w Pythonie w edytorze, wybranym językiem Python i nazwą pliku retry.py

Plik zostanie zapisany jako snippet z dodanym numerem, na przykład snippet-1792757286543.png. Kliknij „Wstaw przykład”, aby najpierw zobaczyć krótki przykład w JavaScript.

Dostępne języki

Lista „Język” zawiera 25 pozycji.

• Internet: JavaScript, TypeScript, HTML i CSS.
• Programowanie: Python, Java, Rust, C++, C, Go, PHP, SQL i Shell.
• Dane i konfiguracja: JSON, JSON5, XML, YAML, CSV, INI, TOON, Nginx i Prisma Schema.
• Tekst: Markdown, LaTeX i zwykły tekst.

Język zmienia tylko kolory. Nie jest wykrywany na podstawie kodu ani nazwy pliku, więc wybierz go samodzielnie.

Jak zmienić kolory

Kolory kodu zależą od motywu witryny. Aby uzyskać ciemny obraz, otwórz menu u góry strony, kliknij przycisk motywu i wybierz „Ciemny motyw”. Aby uzyskać biały obraz, wybierz „Jasny motyw”.

Pasek tytułu pozostaje ciemny w obu motywach, dopóki nie zmienisz ustawienia „Kolor paska tytułu”. Tekst tytułu zmienia kolor na biały lub czarny — zależnie od tego, który jest lepiej widoczny. Gdy w polu „Styl okna” wybierzesz „Brak”, pasek tytułu nie będzie widoczny, a pole wyboru koloru zostanie wyłączone.

Krój pisma i marginesy są stałe. Obraz nie zawiera numerów wierszy.

Jak ustawić szerokość

Szerokość okna dopasowuje się do najdłuższego wiersza. Przeciągnij mały uchwyt z kropkami w prawym dolnym rogu, aby zmniejszyć lub zwiększyć szerokość. Długie wiersze będą wtedy zawijane do następnej linii. Okno ma co najmniej 300 pikseli szerokości, a uchwyt nie jest widoczny na obrazie.

Bardzo długi wiersz może sprawić, że okno nie zmieści się w podglądzie. Kliknij przycisk „Resetuj” na pasku nad podglądem, aby ponownie dopasować okno. Przyciski powiększania zmieniają tylko podgląd, nie pobierany plik.

Który format wybrać

• PNG zachowuje przezroczystość poza zaokrąglonymi rogami, dzięki czemu obraz pasuje do slajdu w dowolnym kolorze.
• JPG wypełnia te małe narożniki czernią.
• Drukuj otwiera obraz w nowym oknie z oknem dialogowym drukowania.

Oba formaty mają rozmiar trzykrotnie większy niż okno na ekranie. Na przykład okno o szerokości 752 pikseli daje obraz o szerokości 2256 pikseli.

Wklej kod, wybierz język i pobierz obraz PNG do prezentacji.