Bild zu ASCII-Art
Bild hochladen, um automatisch ASCII-Kunst zu generieren
Kostenloser Online-Konverter von Bild zu ASCII-Art. Per Canvas-Pixelabtastung im Browser und BT.709-Graustufengewichtung (Y = 0,2126R + 0,7152G + 0,0722B) wird jeder Pixelblock einem Zeichen zugeordnet. Wähle aus 3 eingebauten Zeichensätzen (einfach, detailliert, Blöcke) oder definiere deinen eigenen, schalte den Farbmodus um, sperre das Seitenverhältnis und kopiere das Ergebnis in die Zwischenablage oder lade es als .txt / .png herunter. Ideal für Code-Kommentare, Terminal-Banner, Retro-Avatare und andere kreative Einsatzzwecke.
Ähnliche Tools
Was ist ASCII-Art?
ASCII-Art ist eine Kunstform, die ASCII-Zeichen nutzt, um Bilder durch Dichteunterschiede darzustellen. Sie geht auf die 1970er- und 1980er-Jahre zurück, als Zeilendrucker nur Text drucken konnten und Menschen aus Zeichen wie @, # und $ Bilder bastelten.
**Wie funktioniert die Umwandlung?** Das Tool liest die Pixeldaten per Canvas, wendet die BT.709-Gewichtung (Y = 0,2126R + 0,7152G + 0,0722B) an, um die mittlere Helligkeit jeder Zeichen-Zelle zu berechnen, und ordnet diese Helligkeit einem Zeichen an der passenden Dichte der gewählten Rampe zu. Dichte Zeichen stehen für dunkle Bereiche, luftige für helle Stellen. Das Tool liefert 3 eingebaute Rampen und eine eigene Option mit Verläufen von 8 bis 70.
**Wie erhält die Farbvariante die Originalfarben?** Im Farbmodus werden Blockzeichen (▏▎▍▌▋▊▉█) verwendet, und jedes Zeichen trägt die RGB-Farbe der repräsentierten Pixelzelle. Die Farbausgabe kann als .png exportiert werden, damit die komplette Farbinformation erhalten bleibt.
**Vergleich mit Bitmaps:** Die Auflösung von ASCII-Art ist die Zeichenzahl statt der Pixelzahl, sie skaliert also mit der Terminal-Schrift und kann sehr groß werden, ohne unscharf zu werden. Der Preis ist, dass sie feine Details nicht reproduzieren kann. Für Code-Kommentare, Terminal-Banner und Social-Avatare ist ASCII-Art oft passender als eine Bitmap.
Anwendungsfälle
- Wandle Fotos, Logos und Cartoon-Figuren in ASCII-Art für Code-Kommentare, READMEs und Forum-Signaturen um
- Erzeuge Text-Banner für Terminals, SSH-Login-Begrüßungen, bashrc-Banner und als figlet-Alternative
- Drücke eine Geek-Identität mit Social-Avataren und Signatur-Kunst aus
- Füge den erzeugten ASCII-Text in GitHub-Issues, E-Mail-Signaturen und Blog-Beiträge als reinen Text ein
- Verwandle Fotos in farbige Block-Zeichen-Art und exportiere sie als .png für Retro-Design-Assets
- Wandle Memes und Emojis in ASCII mit der einfachen Rampe für Chat-Reaktionen um
- Erzeuge im Stapel Kunst-Kommentare oder README-Verzierungen im ASCII-Stil
Anleitung
- Lade das Bild hoch, das du umwandeln möchtest (JPG / PNG / WEBP / GIF werden unterstützt)
- Wähle einen Zeichensatz: einfach (schnelle Vorschau), detailliert (am weichsten), Blöcke (farbfreundlich) oder eigener Satz
- Passe die Ausgabebreite an (Standard 120 Zeichen), die Höhe folgt dem Originalseitenverhältnis
- Wähle den Farbmodus (farbig oder schwarz-weiß); die Farbversion lässt sich zusätzlich als .png exportieren
- Klicke auf Kopieren, um das Ergebnis in die Zwischenablage zu legen, oder lade .txt / .png zum Speichern herunter
Funktionen
- 3 eingebaute Zeichensätze: einfach (10 Zeichen, am schnellsten), detailliert (70 Zeichen, weichste Verläufe) und Blöcke (ideal für Terminal und Farbe)
- Eigener Zeichensatz: gib mindestens 2 Zeichen (typisch 2-30) von dicht (dunkel) zu luftig (hell) ein und das Tool ordnet sie automatisch zu
- Farbmodus: die farbige Variante nutzt Blockzeichen, um die ursprünglichen RGB-Blöcke zu erhalten, Schwarz-Weiß konzentriert sich auf den Kontrast
- Seitenverhältnis-Sperre: die Originalproportionen bleiben erhalten, die Höhe skaliert automatisch, wenn du die Breite änderst
- Sofortiges Kopieren / Laden: kopiere die Text-Art in die Zwischenablage oder speichere sie als .txt; die Farbvariante lässt sich zusätzlich als .png exportieren
- Lokale Verarbeitung: die gesamte Pixel-zu-Zeichen-Umwandlung findet im Browser per Canvas statt, deine Dateien verlassen das Gerät nicht
Best Practices
Vor der ASCII-Umwandlung den Kontrast erhöhen
ASCII-Art reagiert sehr empfindlich auf den Quellkontrast: kontrastarme Bilder wirken schnell flach und eintönig. Schiebe das Bild zuerst durch das Filter-Tool und hebe den Kontrast auf 110-130 %, dann werden dunkle Bereiche als dichtere Zeichen gelesen und helle Stellen bleiben luftig, was dem Endergebnis deutlich mehr Tiefe verleiht.
70 Zeichen für Details, 10 Zeichen für Logos
Detaillierte Rampen wie das 70-Zeichen-Set rendern weiche Tonwertübergänge, ideal für Porträts und Kunstwerke. Das einfache 10-Zeichen-Set skizziert nur Silhouetten und passt zu Logos, Icons und Cartoon-Figuren. Eine detaillierte Rampe auf einer einfachen Form wirkt dagegen oft unruhig.
Breite 100 ist der Allround-Sweet-Spot
Die Standardbreite von 120 Zeichen (Bereich 10-960) passt auf die meisten Bildschirme. Porträts wirken zwischen 150-300 am besten, Logos zwischen 60-100; über 400 erzwingt viel Scrollen, unter 50 gehen Details verloren. Passe die Breite an den späteren Einsatzort an: Social-Post, Terminal oder Blog-Artikel.
Seitenverhältnis-Sperre standardmäßig anlassen
Die Seitenverhältnis-Sperre ist standardmäßig aktiv, damit Zeichen niemals gestreckt werden. Du kannst sie ausschalten, um die Zeilenzahl manuell festzulegen, etwa für ein 30-zeiliges Banner, dabei wird das Bild aber verzerrt. Einsteiger sollten die Sperre anlassen und eigene Seitenverhältnisse erst ausprobieren, wenn sie sich sicher fühlen.
Farbmodus mit Block-Zeichensatz kombinieren
Im Farbmodus behalten die Blockzeichen (▏▎▍▌▋▊▉█) die Originalfarbblöcke, weil jedes Zeichen den mittleren RGB seiner Pixelzelle trägt. Die detaillierte 70-Zeichen-Rampe ist auf Schwarz-Weiß-Ausgabe optimiert und wirkt im Farbmodus blass, kombiniere den Farbmodus daher immer mit der Block-Rampe.
Eigene Zeichen von dicht nach luftig ordnen
Wenn du deinen eigenen Zeichensatz eingibst, liste die Zeichen vom dichtesten (für dunkle Bereiche) zum luftigsten (für helle Stellen), zum Beispiel @#*+=:. Das Tool mappt diese Reihenfolge direkt auf den Helligkeitsverlauf. Eine umgedrehte Reihenfolge erzeugt ein Negativbild statt einer korrekten Darstellung.
.txt für Klartext-Szenarien, .png für Farbe
Für Schwarz-Weiß-Ausgaben lade die .txt-Datei herunter und füge sie in einen beliebigen Text-Editor, ein Terminal, einen Code-Kommentar, Blog oder eine Forum-Signatur ein. Für Farbausgaben lade die .png herunter, damit die vollen RGB-Farben für Design-Assets, Social-Media-Bilder und Web-Illustrationen erhalten bleiben.
Riesige Fotos vor der Umwandlung komprimieren
Sehr hochauflösende Fotos (zum Beispiel 4000x3000) verlangsamen die Umwandlung und erzeugen eine extrem breite ASCII-Art. Schiebe sie zuerst durch das Bildkomprimier-Tool, um sie unter 1000 Pixel an der langen Kante zu bringen. Das beschleunigt die Umwandlung und gibt dir feinere Kontrolle über das Ergebnis.
Häufig gestellte Fragen
Wie wandle ich ein Bild in ASCII-Art um?
Lade dein Bild hoch und das Tool liest die Pixel im Browser per Canvas, berechnet für jede Zeichen-Zelle einen BT.709-gewichteten Mittelwert (Y = 0,2126R + 0,7152G + 0,0722B) und ordnet diese Helligkeit einem Zeichen der gewählten Rampe zu. Das Ergebnis steht in Sekunden bereit und kann in die Zwischenablage kopiert oder als .txt geladen werden.
Was ist Floyd-Steinberg-Dithering und warum verwenden wir es?
Floyd-Steinberg ist ein klassischer 1976 vorgestellter Fehlerdiffusions-Dithering-Algorithmus: der Quantisierungsfehler jedes Pixels wird im Verhältnis 7/16, 3/16, 5/16, 1/16 an die rechten, unteren, unteren linken und unteren rechten Nachbarn verteilt. Bei der ASCII-Konvertierung verhindert er, dass Rampen mit niedriger Dichte (wie der 10-Zeichen-Simple-Set) Streifen oder ausgefranste Konturen erzeugen. So bleibt der Übergang von dunkel zu hell weich und Details bleiben erhalten. Wettbewerber wie toolshu bieten es als Schalter an; wir lassen es standardmäßig aktiviert.
Warum BT.709-Gewichtung statt eines einfachen RGB-Mittelwerts?
Das menschliche Auge ist für Grün am empfindlichsten und für Blau am wenigsten. Die BT.709-Formel Y = 0,2126R + 0,7152G + 0,0722B codiert genau das und ist seit über 40 Jahren der Industriestandard für TV, Video und Bildverarbeitung. Wendet man sie auf die Zeichendichte an, liegen die Ergebnisse deutlich näher an der tatsächlichen visuellen Wahrnehmung als bei einem einfachen RGB-Mittelwert, vor allem bei Porträts und Verläufen.
Welche Zeichensätze sind enthalten? Kann ich eigene definieren?
3 Rampen sind standardmäßig dabei: einfach (10 Zeichen @%#*+=-:. für schnelle Vorschauen), detailliert (70 Zeichen für die weichsten Verläufe und Porträts) und Blöcke (▏▎▍▌▋▊▉█ für farbige Terminals). Du kannst auch eigene Zeichen eingeben (mindestens 2, typisch 2-30); das Tool sortiert sie von dicht zu luftig und nutzt die gleiche Mapping-Logik.
Kann die ASCII-Art die Originalfarben behalten?
Ja. Schalte den Farbmodus ein und das Tool nutzt Blockzeichen, wobei jedes Zeichen einen Original-Pixelblock mit dem tatsächlichen RGB repräsentiert. Das Farbergebnis lässt sich zusätzlich als .png exportieren, damit die komplette Farbinformation erhalten bleibt.
Wie speichere und verwende ich die ASCII-Art weiter?
Für die Schwarz-Weiß-Variante kopierst du den Text in die Zwischenablage oder lädst die .txt-Datei herunter und fügst sie in Code-Kommentare, READMEs, Blog-Beiträge, Forum-Signaturen oder Terminal-Ausgaben ein. Die Farbvariante bietet zusätzlich einen .png-Export, den du in Design-Assets, Folien oder Social-Media-Beiträge einsetzen kannst.
Welche Bilder eignen sich am besten für ASCII-Art?
Kontrastreiche Bilder mit klaren Silhouetten funktionieren am besten, etwa Porträts, Logos, Cartoon-Figuren und Landschaften. Unruhige oder kontrastarme Fotos verlieren an Detail, wenn Zeichen die Pixel ersetzen, daher lohnt es sich, zuerst mit dem Filter-Tool den Kontrast anzuheben oder für Vorschauen die einfache Rampe zu nutzen.
Wie passe ich die Ausgabehöhe und -breite an?
Die Breite bestimmt die Anzahl der Zeichenspalten (Standard 100), die Höhe folgt dem ursprünglichen Seitenverhältnis. Die Seitenverhältnis-Sperre ist standardmäßig aktiv, du kannst sie aber deaktivieren, um die Zeilenzahl unabhängig festzulegen. 60-150 Spalten passen auf die meisten Bildschirme, 100-200 eignen sich gut für Porträts, und über 250 wird die Ausgabe unübersichtlich.
Worin unterscheidet sich ASCII-Art von einer Bitmap-Grafik?
ASCII-Art besteht aus Textzeichen, daher ist ihre Auflösung die Zeichenzahl und sie skaliert mit der Terminal-Schrift verlustfrei, kann aber Farbe und feine Details nicht originalgetreu wiedergeben. Eine Bitmap-Grafik ist ein Pixelraster, das Farbe und Details behält, beim Skalieren jedoch unscharf oder pixelig wird. Beide Formate eignen sich für unterschiedliche Zwecke, siehe Vergleichstabelle.
Wie unterscheidet sich dieses Tool von figlet, jp2a und anderen Kommandozeilen-Tools?
figlet konzentriert sich auf ASCII-Textkunst (Schriftbanners) und jp2a ist ein Kommandozeilen-Tool, das installiert und konfiguriert werden muss. Dieses Tool ist eine reine Browser-Lösung, die sofort läuft, ohne Installation, ohne Anmeldung und auf jeder Plattform identisch funktioniert. Dazu kommen Farb-.png-Export und ein eigener Zeichensatz. Es ist der einfachste Weg, beliebige Bilder in Zeichenkunst für Code-Kommentare oder Social-Media zu verwandeln.
Wird das Bild auf einen Server hochgeladen? Ist es privat?
Nein. Jede Pixel-zu-Zeichen-Umwandlung läuft lokal im Browser per Canvas getImageData und JavaScript-Mapping. Das Bild wird nie hochgeladen und das Schließen des Tabs gibt den Speicher wieder frei. Private Fotos, Scans und sensible Dokumente lassen sich bedenkenlos verarbeiten.
Glossar
- ASCII / Unicode
- ASCII ist ein 7-Bit-Zeichensatz mit 128 Basiszeichen. Unicode deckt weltweite Schriftsysteme und Symbole ab, und die Blockzeichen (▏ ▎ ▍ ▌ ▋ ▊ ▉ █), die dieses Tool nutzt, sind Unicode-Zeichen, die in kompatiblen Terminals als farbige Blöcke erscheinen.MDN - Unicode
- BT.709-Graustufengewichtung
- Die RGB-zu-Graustufen-Formel Y = 0,2126R + 0,7152G + 0,0722B. Dieses Tool nutzt sie, um die mittlere Helligkeit jeder Zeichen-Zelle zu berechnen, was die höhere Grünempfindlichkeit des menschlichen Auges berücksichtigt und näher an der tatsächlichen Wahrnehmung liegt als ein einfacher RGB-Durchschnitt.
- Canvas-Pixel-Sampling
- Auslesen des RGBA-Werts jedes Pixels über die HTML5-Canvas-API getImageData(). Das Tool mittelt die Pixel innerhalb jeder Zeichen-Zelle, wendet die BT.709-Gewichtung an und ordnet das Ergebnis einer Position in der gewählten Rampe zu.
- Zeichendichte-Verlauf
- Die Anzahl der Stufen vom dichtesten zum luftigsten Zeichen in einer Rampe. Der einfache Satz hat 10 Stufen, der detaillierte 70 und der Block-Satz 8. Mehr Stufen bedeuten weichere Tonwertübergänge, weniger Stufen sorgen für schnellere, abstraktere Ergebnisse. Die drei Rampen decken den gesamten Bereich von schneller Vorschau bis Porträt-Detail ab.
- Seitenverhältnis beibehalten
- Das ursprüngliche Breiten-Höhen-Verhältnis sichern, damit die ASCII-Art nicht gestreckt wird. Dieses Tool lässt die Sperre standardmäßig aktiv und skaliert die Höhe automatisch, wenn du die Breite änderst. Deaktiviere die Sperre, um die Zeilenzahl manuell festzulegen, etwa für ein breites Banner, dabei wird das Bild aber gestreckt oder gestaucht.
- Terminal-Banner
- Text-Art, die beim Start einer Shell, SSH-Sitzung oder eines Programms angezeigt wird, etwa für SSH-Begrüßungen, Startbildschirme und CI/CD-Log-Header. ASCII-Art ist die klassische Form eines Terminal-Banners und wird üblicherweise von Tools wie figlet oder toilet erzeugt; dieses Tool ist eine schlanke Alternative direkt im Browser.
Überblick über die 3 eingebauten und eigenen Zeichensätze
| Zeichensatz | Zeichenfolge (dunkel zu hell) | Dichtestufen | Typischer Einsatz |
|---|---|---|---|
| Einfach 10 Zeichen | @%#*+=-:. | 10 Stufen | Schnelle Vorschauen, Logos, Emotes |
| Detailliert 70 Zeichen | $@B%8&WM#*oahkbdpqwmZO0QLCJUYXzcvunxrjft/\|()1{}[]?-_+~<>i!lI;:,"^`'. | 70 Stufen | Porträts, Kunstwerke, feine Details |
| Block-Zeichen | ▏▎▍▌▋▊▉█ | 8 Stufen | Farbterminals, Farbexport |
| Eigener (2-30 Zeichen) | Vom Nutzer eingegeben, 2-30 Zeichen | Nutzerdefiniert | Persönlicher Stil, thematische Kunst |
Eigenschaften von ASCII-Art im Vergleich zu Bitmaps
| Dimension | ASCII-Art | Bitmap (PNG/JPG) |
|---|---|---|
| Bausteine | Unicode-Zeichen | Pixel |
| Skalierbarkeit | Skaliert mit Terminal oder Schriftart | Wird unscharf oder pixelig |
| Farbunterstützung | Farbvariante nutzt Blockzeichen | Volles RGB |
| Dateigröße | Meist 1-10 KB Klartext | Wenige KB bis zig MB |
| Bearbeitung | Editor oder Vim | Bildbearbeitung nötig |
| Ideal für | Code-Kommentare, Terminal-Banner, Avatare | Fotos, Web-Illustrationen |
Authoritative References
- Reference
- ReferenceWikipedia - ASCII-Art
- ReferenceWikipedia - FIGlet
- ReferenceWikipedia - Unicode
- Bilder komprimieren
- Bild konvertieren
- PNG in JPG umwandeln
- HEIC in JPG umwandeln
- WebP in JPG umwandeln
- JPG in PNG umwandeln
- JPG in WebP umwandeln
- PNG in WebP umwandeln
- WebP in PNG umwandeln
- HEIC in PNG umwandeln
- HEIC in WebP umwandeln
- AVIF in JPG umwandeln
- Bild zuschneiden
- AVIF in PNG umwandeln
- AVIF in WebP umwandeln
- GIF in JPG umwandeln
- GIF in PNG umwandeln
- GIF in WebP umwandeln
- SVG in JPG umwandeln
- SVG in PNG umwandeln
- SVG in WebP umwandeln
- TIFF in JPG umwandeln
- Bildfilter
- TIFF in PNG umwandeln
- TIFF in WebP umwandeln
- ICO Generator
- Bildeditor
- QR-Code-Scanner
- Bildgröße anpassen
- Bild Drehen und Spiegeln
- Bild-Ecken abrunden
- CSS-Sprite-Generator
- SVG-Betrachter
- Bild zu ASCII-Art
- Bild Vergrößern
- Bildwasserzeichen