Obraz na ASCII art

Jak zamienić obraz na ASCII art

1. Upuść obraz JPG, PNG, WebP lub GIF na pole albo kliknij je, aby go wybrać. Konwersja następuje od razu z ustawieniami domyślnymi.
2. Przesuń suwak Szerokość (znaki): więcej znaków daje więcej szczegółów, mniej – wyrazistszy, bardziej abstrakcyjny efekt.
3. Wybierz Zestaw znaków: Standardowy, Szczegółowy (70 znaków), Bloki, Prosty, Kropki, Dwa znaki lub Własny. W opcji Własny wpisz swoje znaki od najjaśniejszego do najciemniejszego.
4. Zaznacz Odwróć (jasny tekst na ciemnym tle), jeśli grafika będzie wyświetlana na ciemnym ekranie, na przykład w terminalu.
5. Zaznacz Kolor (wynik HTML), aby każdy znak dostał kolor odpowiadających mu pikseli oryginału.
6. Użyj Kopiuj tekst, Pobierz .txt lub Pobierz .html. Każda zmiana ustawień od razu aktualizuje podgląd.

Jak działa konwersja

Najpierw obraz jest skalowany tak, aby każdy znak odpowiadał małemu blokowi pikseli. Komórka znaku w czcionce o stałej szerokości jest mniej więcej dwa razy wyższa niż szersza, dlatego narzędzie używa około połowy wierszy, których wymagałaby kwadratowa siatka – inaczej grafika wyglądałaby na rozciągniętą w pionie. Obraz 1000 × 500 przy szerokości 100 znaków daje 100 × 26 znaków.

Dla każdego bloku narzędzie oblicza względną luminancję z wagami Rec. 709 stosowanymi dla sRGB:

L = 0,2126 × R + 0,7152 × G + 0,0722 × B

Zielony liczy się najbardziej, bo nasze oczy są na niego najczulsze. Luminancja wybiera znak z rampy: ciemny obszar dostaje gęsty znak, taki jak @ lub █, a jasny – lekki, taki jak . lub spacja. Z opcją Odwróć przyporządkowanie jest odwrotne, bo na czarnym tle jasne obszary trzeba rysować najgęstszymi znakami. Przezroczyste piksele traktowane są jak papier: normalnie jako białe, po odwróceniu jako czarne.

Wybór zestawu znaków

• Standardowy ( .:-=+*#%@) to klasyczna dziesięciostopniowa rampa: czytelna i działa w każdej czcionce.
• Szczegółowy (70 znaków) daje najpłynniejsze przejścia tonalne, najlepszy do portretów przy dużej szerokości.
• Bloki ( ░▒▓█) używa unikodowych znaków cieniowania, co daje pełny, pikselowy wygląd.
• Prosty i Kropki dają graficzny, minimalistyczny styl.
• Dwa znaki ( #) tworzy czystą sylwetkę, dobrą do logo.
• Własny przyjmuje dowolne znaki, w tym polskie litery i emoji: każdy znak w rozumieniu użytkownika, nawet emoji złożone z kilku części, pozostaje w całości. Zacznij od spacji, żeby białe obszary zostały puste.

Wskazówki dla dobrych efektów

Najlepiej sprawdzają się kontrastowe obrazy z wyraźnym motywem i jednolitym tłem. Najpierw przytnij zdjęcie blisko motywu i podbij kontrast, jeśli jest mdłe. Twarze potrzebują co najmniej 80–120 znaków szerokości, żeby były rozpoznawalne. Wklejając tekst w inne miejsce, użyj czcionki o stałej szerokości (np. Courier, Consolas lub Menlo) i wyłącz zawijanie wierszy, inaczej kolumny się rozjadą. W e-mailach i komunikatorach umieść go w bloku kodu.

Plik .html zawiera grafikę w bloku <pre> z czcionką o stałej szerokości; przy włączonym kolorze każdy ciąg znaków w tym samym kolorze jest elementem <span> z tym kolorem, więc wyświetla się wszędzie bez skryptów.