Foto in ASCII-Art: Tipps für schärfere Ergebnisse

Der Bild-zu-ASCII-Konverter teilt ein Foto in kleine Zellen und füllt jede mit einem Zeichen, das zu ihrer Helligkeit passt. Helle Zellen bekommen dichte Zeichen wie @ und #, dunkle Zellen . oder ein Leerzeichen. Deshalb kann derselbe Konverter je nach Foto und Einstellungen sehr unterschiedliche Ergebnisse liefern.

1. Ein gut geeignetes Foto wählen

Jedes Zeichen steht für ein kleines Stück des Fotos. Bei 40 Spalten muss das ganze Bild in 40 Zeichen pro Zeile passen, feine Details verschwinden, und nur große Formen und Kontraste bleiben.

Klappt gut	Klappt schlecht
Einfarbiger oder schlichter Hintergrund	Unruhiger Hintergrund mit vielen Dingen
Motiv füllt das Bild	Gruppenfoto mit kleinen Personen
Klare helle und dunkle Bereiche	Alles ähnlich hell
Gesichter, Tiere in Nahaufnahme, Logos	Landschaften, Screenshots mit kleinem Text

Schneidest du das Foto vor der Umwandlung auf das Motiv zu, wird es bei gleicher Breite viel klarer.

2. Die Breite ans Ziel anpassen

Die Breite ist die Zahl der Spalten. Mehr Spalten bewahren mehr Details, aber die Zeilen werden länger. Ist eine Zeile länger als die Chatblase oder die GitHub-Seite, bricht sie um und das Bild zerfällt. Überlege also zuerst, wohin es soll.

Ziel	Empfohlene Breite
Chat-Apps und Discord	40 bis 60 Spalten
GitHub-README oder Code-Kommentare	Etwa 80 Spalten
Terminal	80 bis 120 Spalten
PNG-Bild	90 oder mehr. Je breiter, desto fotoähnlicher

Hier das Beispielgemälde (Vermeers Das Mädchen mit dem Perlenohrgehänge) mit 40 Spalten und Standardeinstellungen. Selbst bei 40 Spalten sind Turban, Gesicht und Schulter zu erkennen, und die standardmäßige Schattenbereinigung lässt den dunklen Hintergrund leer. (Mit diesen Einstellungen öffnen)

  ...
 .. ...                 -
 .........          -*##%@@%*-
 .....-......   +*##%####%###*=.  ..
 ....---.-..  *%@@%%#####*****+:  .
 .....-..... *%%%########++=+##*.
  .-....-.. .%@@@%#**+*::====**++
    ......-.=%%%##%%*=::::=+=:#=*.
 .........- *%%##@****++=::=: %+*:.
 ....... .. *@%*#%%%#*++===:: #**=-
     ...    :@#**%%#*+**++: . ###*+
     ....  . ##**##******:    #%*#+=
... ..........%%###***+=*****+*%*@=*.
........ ..... -=: ##%@@@%**+=*%#%**= .
      ... .   ..  =@@%#*+::=::-%%##**.
           .     .@####*+:::==.%%##*@*
      .          *######+==:=: #%##*@#.
                *#######*+*++: ##%= :
                #####*###*++++==::    .
               #####******==+=++:   .
              *##**#****#*==++*=+:
             *###**#****#*+===+==:
            *####*+*******=::=::==.

3. Einen Zeichensatz wählen

Ein Zeichensatz ist die Liste der Zeichen für jede Helligkeitsstufe.

Satz	Zeichen	Am besten für
Standard	. : - = + * # % @	Funktioniert fast überall
Blöcke	░ ▒ ▓ █	Weiche Schattierung, satter Look. Ideal für PNG
Detailliert	70 Zeichen	Feine Abstufungen, lohnend bei großer Breite
Binär	# und Leerzeichen	Nur die Silhouette. Gut für Logos und einfache Formen

Dasselbe Gemälde mit dem Satz Blöcke sieht so aus. Die Zellen wirken gefüllt, die Formen bleiben auch bei kleiner Breite kompakt. (Mit diesen Einstellungen öffnen)

                        ░
                    ░▒▓▓▓███▒░
                ▒▒▓▓▓▓▓▓▓▓▓▓▓▒░
      ░       ▒▓███▓▓▓▓▓▓▒▒▒▒▒░░
             ▒▓▓▓▓▓▓▓▓▓▓▓▒░░░▓▓▒
   ░         ████▓▓▒▒░▒░░░░░░▒▒▒░
          ░ ░▓██▓▓▓▓▒░░░░░░░░░▓░▒
          ░ ▒▓▓▓▓█▒▒▒▒░░░░░░░ ▓▒▒░
            ▒█▓▒▓█▓▓▓▒▒▒░░░░░ ▓▒▒░
            ░█▓▒▒█▓▓▒▒▒▒▒░░   ▓▓▓▒▒
             ▓▓▒▒▓▓▒▒▒▒▒▒░    ▓▓▒▓▒░
              ██▓▓▓▒▒▒▒░▒▒▒▒▒░▒▓▒█░▒
               ░░░ ▓▓████▓▒▒▒░▒▓▓▓▒▒░
                  ░███▓▒░░░░░░░▓▓▓▓▒▒
                  █▓▓▓▓▒░░░░░░ ▓▓▓▓▒█▒
                 ▒▓▓▓▓▓▓░░░░░░ ▓▓▓▓▒█▓
                ▒▓▓▓▓▓▓▓▒▒▒▒░░ ▓▓▓░ ░
                ▓▓▓▓▓▒▓▓▓▒░░░▒░░░░
               ▓▓▓▓▓▒▒▒▒▒▒░░░░▒░░
              ▒▓▓▒▒▓▒▒▒▒▓▒░░░░▒░▒░
             ▒▓▓▓▒▒▓▒▒▒▒▓▒▒░░░▒░░░
            ▒▓▓▓▓▒▒▒▒▒▒▒▒▒░░░░░░░░

Blockzeichen können in Apps ohne Festbreitenschrift eine andere Breite haben, sodass die Zeilen verrutschen. Für Text in einer Chat-App ist der Standard-Satz sicherer.

4. Auto-Tonwert eingeschaltet lassen

Auto-Tonwert wertet die Helligkeitsverteilung des Fotos aus und spreizt den Kontrast passend, damit der Konverter mehr Stufen des Zeichensatzes nutzt. Was passiert, wenn du ihn ausschaltest und zusätzlich den Kontrast senkst?

::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::+***###+:::::::::::
::::::::::::::::=************+=:::::::::
::::::::::::::+####******+**+*==::::::::
:::::::::::::************+===**+::::::::
:::::::::::::#####**+=+======+*+=:::::::
::::::::::::=*##**#**=========*=+:::::::
::::::::::::+****#++*+=======:*+*=::::::
::::::::::::*#***##**+++=====:***=::::::
::::::::::::=#*+*#***=+++==:::***+=:::::
:::::::::::::*******+*+++=::::*#**+=::::
::::::::::::::##******+=*++**=***#=*::::
::::::::::::::::==:**####**+==+#**++=:::
::::::::::::::::::=###*+======:#***+*:::
::::::::::::::::::#****+======:*#**+#+::
:::::::::::::::::*******======:*#***#*::
::::::::::::::::********++++==:***=:=:::
::::::::::::::::*********+======::::::::
:::::::::::::::***********=======:::::::
::::::::::::::****+*******====+=+=::::::
:::::::::::::*****+**++***====+===::::::
::::::::::::******+**++**+========::::::

Der dunkle Hintergrund besteht jetzt nur aus :, die Figur fast nur aus * und #, und Details wie die Schattierung des Gesichts verschwimmen. Die Helligkeitsunterschiede sind auf wenige Stufen zusammengedrückt. (Mit diesen Einstellungen öffnen)

Lass Auto-Tonwert an und verändere Helligkeit und Kontrast nur, wenn das Ergebnis zu dunkel oder zu hell ist. Wirkt die Form noch weich, erhöhe die Kantenbetonung. Sie gibt es bei den Sätzen Standard und Detailliert.

5. Für weiße Hintergründe invertieren

Das Ergebnisfeld des Konverters hat einen dunklen Hintergrund. Helle Bereiche bekommen dichte Zeichen, also stimmt das Bild auf einem dunklen Bildschirm.

Fügst du es auf einem weißen Hintergrund ein, etwa im Editor oder im hellen Theme von GitHub, erscheinen Hell und Dunkel vertauscht wie bei einem Negativ. Kommt es auf weißen Grund, schalte vor dem Kopieren Invertieren ein.

6. Die passende Speicherart wählen

Was du willst	Button
Die Zeichen einfügen	Kopieren
In einer Datei oder im Code ablegen	TXT
Mit exakter Form verschicken	PNG
Originalfarben behalten	Unter Farbe Original wählen, dann PNG speichern

Beim Kopieren als Text bleiben nur die Zeichen, Farben gehen verloren. Um Farben zu behalten, wähle als Farbmodus Original (oder einen Verlauf) und tippe auf PNG speichern. Leuchten und transparenter Hintergrund werden ebenfalls im PNG gespeichert.

7. Ein animiertes GIF umwandeln

Für bewegte Bilder lade die Datei in den GIF-zu-ASCII-Konverter. Für jedes Einzelbild gelten dieselben Tipps. Wähle ein GIF von 2–3 Sekunden mit schlichtem Hintergrund und klarem Kontrast und eine etwas geringere Breite, damit Umwandeln und Speichern schnell bleiben. Das Ergebnis kannst du als animiertes GIF speichern.

Fotos werden in deinem Browser umgewandelt und für die Umwandlung nicht an einen Server gesendet.