Menu
Reklama

Generator ASCII art

Zamieniaj obrazy i tekst w ASCII art, którym łatwo się podzielić.

Autor: Nethanel Bar, Co-founder & CEO

Ostatnia aktualizacja

Reklama

Chcesz naprawdę nauczyć się programować?

Coddy uczy cię przez pisanie prawdziwego kodu w przeglądarce: interaktywne lekcje, natychmiastowa informacja zwrotna i pomoc AI, gdy utkniesz.

Czym jest generator ASCII art?

Generator ASCII art zamienia tekst lub obrazy w rysunki złożone wyłącznie z liter, cyfr i symboli. Programiści używają go do banerów w terminalu, nagłówków README, ekranów powitalnych CLI, ozdobników w logach, retro grafik na czacie i po prostu dla zabawy przy tworzeniu narzędzi wiersza poleceń.

Najczęściej spotyka się dwa rodzaje ASCII art. *Banery tekstowe* renderują słowo dużą, wielowierszową czcionką blokową, czyli klasyczny wygląd figlet. *Obraz na ASCII* odwzorowuje jasność pikseli obrazu na znaki tekstowe i tworzy szarą wersję oryginalnego zdjęcia przy użyciu samej klawiatury.

Ponieważ ASCII art to zwykły tekst, działa wszędzie tam, gdzie działa tekst: w wyjściu terminala, plikach logów, odznakach README na GitHubie, wiadomościach na Slacku i w komentarzach w kodzie źródłowym. Bez obrazów, bez renderowania, bez zepsutych linków: idealne tam, gdzie grafika nie wchodzi w grę.

Czego nauczysz się, tworząc ASCII art

  • Czcionki banerowe mają wiele stylów: blokowy, pochylony, z cieniem, 3D, a każdy ma własny klimat.
  • Zamiana obrazu na ASCII polega na próbkowaniu jasności małych fragmentów obrazu i dobieraniu znaków o podobnej gęstości wizualnej (@, #, *, ., ).
  • Liczy się czcionka o stałej szerokości. ASCII art układa się poprawnie tylko w czcionce, w której każdy znak ma tę samą szerokość: w terminalach, blokach kodu w README i większości czcionek programistycznych.
  • Szeroka grafika potrzebuje szerokiego okna. Baner na 120 kolumn, który świetnie wygląda w terminalu, niezgrabnie się zawinie w wąskiej kolumnie Markdown.

Jak krok po kroku wygenerować ASCII art

  1. Wybierz tryb tekstu lub obrazu

    Tryb tekstu renderuje słowo jako baner. Tryb obrazu zamienia przesłane zdjęcie w szary obraz ASCII.

  2. Wybierz czcionkę (tryb tekstu)

    Przeglądaj czcionki w stylu figlet: Standard, Slant, Big, Block, Shadow, 3D. Każda czcionka pokazuje podgląd twojego tekstu.

  3. Dostosuj rozdzielczość (tryb obrazu)

    Wybierz szerokość wyniku w znakach i kontrast. Więcej kolumn oznacza więcej szczegółów i szerszy wynik.

  4. Skopiuj lub pobierz

    Skopiuj ASCII art do schowka albo pobierz jako plik .txt. Wklej go do README, skryptu z banerem lub wiadomości na czacie.

Reklama

ASCII art: ściąga

Gdzie pojawia się ASCII art i jak sprawić, żeby dobrze wyglądał.

ZastosowanieCo działaNa co uważać
Banery w terminaluCzcionki Block / Big / SlantSzerokość: większość terminali ma 80 kolumn
Nagłówki READMEWewnątrz bloku koduMarkdown poza blokami kodu zwija początkowe spacje
Ekran powitalny CLIWyświetl przy pierwszym uruchomieniuKody kolorów są osobno (sekwencje ANSI)
Ozdobniki w logachKrótkie hasła, jedna liniaZadbaj o czytelność, logi szybko się przewijają
Renderowanie obrazówCzarno-białe zdjęciaKolorowe zdjęcia tracą informacje, najpierw zamień je na odcienie szarości
Komentarze w kodzieSeparatory sekcjiOstrożnie z prefiksami linii // lub #

Przykłady ASCII art do wypróbowania

Baner tekstowy w czcionce Standard

Wynik

____ _ _ / ___|___ __| | __| |_ _ | | / _ \ / _ |/ _ | | | | | |__| (_) | (_| | (_| | |_| | \____\___/ \__,_|\__,_|\__, | |___/

Czcionka Standard to najczytelniejszy wybór dla wąskich banerów: wygodnie mieści się w 80 kolumnach i dobrze się czyta w czcionkach o stałej szerokości.

Wklej do README

Markdown
```  ____ _  / ___| || |   | || |___| | \____|_|```
# CLI v1.0

Umieść baner w bloku kodu, żeby Markdown zachował dokładnie te same odstępy. Poza blokiem kodu początkowe spacje się zwijają.

Wyświetl baner ze skryptu

Python
BANNER = r"""   ____          _     _  / ___|___   __| | __| | | |   / _ \ / _` |/ _` | | |__| (_) | (_| | (_| |  \____\___/ \__,_|\__,_|"""
print(BANNER)print('Coddy CLI v1.0')

Surowy wielowierszowy string zachowuje ukośniki dosłownie, więc reguły escape'owania Pythona nie psują grafiki. Ten sam trik działa w bash (z pojedynczymi cudzysłowami) i w każdym innym języku z dosłownymi stringami.

Wzruszenie ramion i rzut stołem (do skopiowania)

Kopiuj

¯\_(ツ)_/¯ (╯°□°)╯︵ ┻━┻ ┬─┬ ノ( ゜-゜ノ)

Klasyczne emotki: wzruszenie ramion, rzucanie stołem i odstawianie stołu. To jednoliniowa grafika tekstowa (technicznie Unicode, a nie czyste ASCII), którą możesz wkleić prosto do czatu, opisów commitów lub komentarzy w kodzie.

ASCII art z kotem i psem

Kot

/\_/\ ( o.o ) > ^ <

Pies

/ \__ ( @\___ / O / (_____/ /_____/ U

Małe zwierzątka to najczęściej kopiowany rodzaj ASCII art. Mieszczą się w kilku liniach komentarza i poprawnie wyświetlają się w każdej czcionce o stałej szerokości.

Serca, gwiazdki i strzałki

Kopiuj

<3 ♥ ❤ * ★ ☆ ✦ -> => → ⇒ »

Szybkie symbole do czatu, README i list zmian. Wersje w czystym ASCII po lewej (<3, *, ->) wyświetlają się wszędzie, a wersje Unicode po prawej wymagają obsługi UTF-8.

Częste błędy przy ASCII art

  • Wklejanie ASCII art do czcionki proporcjonalnej (Times, Helvetica) i zdziwienie, że wygląda krzywo. Używaj czcionki o stałej szerokości.
  • Zapominanie, że Markdown poza blokami kodu zwija ciągi spacji i usuwa początkowe odstępy. Zawsze umieszczaj grafikę między ogrodzeniami ```.
  • Wybór czcionki szerszej niż docelowe okno. Większość terminali ma 80 kolumn, a wszystko szersze się zawija i psuje projekt.
  • Wstawianie banera z ukośnikami bezpośrednio do zwykłego stringa. Użyj *surowego* literału (r""" ... """), żeby sekwencje escape nie były interpretowane.
  • Zamiana obrazu na ASCII w zbyt niskiej rozdzielczości. Poniżej ~40 kolumn nawet proste kształty stają się nierozpoznawalne.

ASCII art: FAQ

Czym jest ASCII art?
ASCII art to obrazki lub banery złożone wyłącznie z liter, cyfr i znaków interpunkcyjnych. Ponieważ to zwykły tekst, działa wszędzie tam, gdzie wyświetla się tekst: w terminalach, plikach README, logach i wiadomościach na czacie.
Jak działa zamiana obrazu na ASCII?
Obraz jest dzielony na siatkę małych komórek. Dla każdej komórki liczona jest średnia jasność, która zostaje przypisana znakowi o podobnej gęstości wizualnej: gęstsze znaki (@, #, M) dla ciemnych komórek, rzadsze (., ,, ) dla jasnych.
Czym jest figlet?
FIGlet to oryginalne polecenie Uniksa do renderowania tekstu jako banerów ASCII art. To on wprowadził większość popularnych czcionek (Standard, Slant, Big, 3D, Shadow). Generatory ASCII online zwykle zawierają ten sam zestaw czcionek.
Gdzie używać ASCII art?
W banerach w terminalu, ekranach powitalnych CLI, nagłówkach README, separatorach sekcji, na retro czatach i wszędzie tam, gdzie chcesz ozdobnika bez pliku graficznego. Unikaj go w poważnych tekstach dla użytkowników, gdzie tylko dodaje szumu.
Czy ASCII art wszędzie wyświetli się poprawnie?
Potrzebuje czcionki o stałej szerokości i wystarczająco dużo miejsca w poziomie. W bloku kodu Markdown lub w terminalu działa idealnie. W czcionce proporcjonalnej (dymek czatu, dokument Word) wyrównanie się rozsypie.
Jak skopiować i wkleić ASCII art?
Zaznacz grafikę, skopiuj ją i wklej tam, gdzie jej potrzebujesz, ale w miejscu, które używa czcionki o stałej szerokości (terminal, blok kodu, komentarz w kodzie), bo inaczej kolumny się nie wyrównają. W Markdown umieść ją w bloku kodu (```), żeby odstępy zostały zachowane dokładnie. Wiele przykładów powyżej ma przycisk Kopiuj, który pobiera tekst za ciebie.
Czym różni się ASCII art od grafiki tekstowej Unicode?
Prawdziwy ASCII art używa tylko 128 znaków ASCII (liter, cyfr i podstawowej interpunkcji), więc wyświetla się identycznie na każdym systemie od dekad. Grafika tekstowa Unicode, czyli emotki takie jak ¯\_(ツ)_/¯, znaki do rysowania ramek i symbole takie jak ♥, wygląda bogaciej, ale do wyświetlenia potrzebuje obsługi UTF-8. Dla maksymalnej zgodności (stare terminale, zwykłe pliki logów) trzymaj się czystego ASCII.
Jak zrobić ASCII art z obrazu?
Przełącz generator w tryb obrazu i prześlij zdjęcie. Dla każdego małego fragmentu obrazu mierzona jest jasność, która zostaje zamieniona na znak o pasującej gęstości, dając szary obraz z tekstu. Najlepiej konwertują się proste obrazy o wysokim kontraście (logo, sylwetki), a zatłoczone kolorowe zdjęcia tracą szczegóły. Zwiększ szerokość wyniku, żeby uzyskać więcej detali.
Czy ten generator ASCII art jest darmowy?
Tak, jest całkowicie darmowy i nie wymaga rejestracji, a wszystko działa lokalnie w przeglądarce, więc przesłane obrazy nigdy nie opuszczają twojego urządzenia. Generuj tyle banerów i grafik z obrazów, ile chcesz, a wynik kopiuj lub pobieraj.

Dowiedz się więcej

Inne narzędzia dla programistów

Ilustracja języków programowania w Coddy

Ucz się programowania z Coddy

ZACZNIJ