Glyph WidgetsGlyph Widgets
WerkzeugeÜber unsKontaktBlogDatenschutzNutzungsbedingungenWerbung entfernenAuf Ko-fi unterstützen

© 2026 Glyph Widgets LLC. Alle Rechte vorbehalten.

·

100% Client-seitige Verarbeitung

Zurück zum Blog

Image to ASCII Art Converter: Sofort

Bild-zu-ASCII-Art-Konverter mit mehreren Zeichensätzen, Kantenerkennung, Farbmodus und 60+ Figlet-Schriftarten. Jedes Foto in Textkunst umwandeln.

Glyph Widgets
27. Februar 2026
11 Min. Lesezeit
Bild zu ASCII ArtFoto zu ASCIIASCII Art KonverterBild zu TextkunstASCII Bildgenerator

Was ist Image to ASCII Art?

Der Image to ASCII Art-Konverter verwandelt jedes hochgeladene Foto oder Bild in textbasierte Kunst, die vollständig aus Zeichen besteht. Er unterstützt zwei Modi: einen Image to ASCII-Tab, der Fotos mittels Pixel-Helligkeitsabtastung konvertiert, und einen Text Art-Tab, der eingegebene Wörter mit über 60 Figlet-Schriftarten in große ASCII-Buchstaben rendert. Die gesamte Verarbeitung — Pixelanalyse, Zeichenzuordnung, Schriftart-Rendering — läuft lokal in Ihrem Browser ohne Uploads auf einen Server. Das Tool ist kostenlos, erfordert kein Konto und unterstützt JPG, PNG, GIF, WebP und BMP.

Hauptfunktionen

  • Beliebiges Bild hochladen (JPG, PNG, GIF, WebP, BMP) — Ziehen Sie eine Datei auf die Dropzone oder klicken Sie, um die Dateiauswahl zu öffnen. Das Tool liest das Bildformat anhand des MIME-Typs und lehnt nicht unterstützte Formate mit einer Fehlermeldung ab.
  • Mehrere Zeichensätze (Standard, Blocks, Braille, Minimal, Simple, Code) — Jeder Satz ordnet Pixelhelligkeit unterschiedlichen Zeichen zu. Der standard-Satz verwendet den vollständigen ASCII-Gradients (@, #, S, % usw.); blocks verwendet Unicode-Blockelemente für ein dichteres Erscheinungsbild; braille verwendet Braille-Punktmuster für feine Details; minimal verwendet nur zwei Zeichen für ein kontrastreichen Ergebnis.
  • Kantenerkennungsmodus — Wenn aktiviert, wendet das Tool einen Kantenerkennungsalgorithmus an und rendert nur die Umrisse von Formen mit minimalen Zeichen, was einen Linienkunst-Effekt erzeugt. Der Kantenschwellenwert ist über einen Schieberegler einstellbar.
  • Farbmodus — Erhält die originalen Bildfarben, indem jedes Zeichen in ein HTML-<span>-Tag mit einem Inline-Farbstil eingewickelt wird. Die Farbausgabe kann als HTML kopiert oder als .html-Datei heruntergeladen werden. Der Farbmodus wird automatisch deaktiviert, wenn die Kantenerkennung aktiv ist.
  • Einstellbare Ausgabebreite — Ein Schieberegler steuert die Ausgabebreite in Zeichen. Breitere Ausgabe erzeugt mehr Detail auf Kosten des horizontalen Scrollens; engere Ausgabe erstellt ein kompaktes Ergebnis im Miniaturformat.
  • Download als .txt oder .html — Klartext-Export speichert als ascii-art.txt. HTML-Export speichert als ascii-art.html mit eingebetteten Farbspans. Text Art-Ausgabe kann auch als PNG-Bild exportiert werden, das auf einem Canvas bei 14px Monospace gerendert wird.
  • Echtzeit-Vorschau — Die Bildvorschau erscheint in der Dropzone sofort nach der Auswahl und zeigt Dateiname und Pixelabmessungen vor dem Konvertieren an.
  • 60+ Figlet-Schriftarten — Der Text Art-Tab enthält Schriftarten wie Standard, Big, Block, Doom, Slant, Star Wars, Isometric1 und mehr. Eine durchsuchbare Liste ermöglicht das Filtern nach Name.

So verwenden Sie Image to ASCII Art

Schritt 1: Bild auswählen oder zum Text Art-Modus wechseln

Das Tool öffnet standardmäßig den Image to ASCII-Tab. Ziehen Sie entweder eine Bilddatei direkt auf die Dropzone oder klicken Sie irgendwo in der Zone, um eine Dateiauswahl zu öffnen. Unterstützte Formate sind JPG, PNG, GIF, WebP und BMP. Nach der Auswahl wird das Bild in der Dropzone zusammen mit seinen Pixelabmessungen und dem Dateinamen angezeigt.

Um stattdessen ASCII-Art aus getipptem Text zu erstellen, klicken Sie auf den Text Art-Tab oben.

Schritt 2: Konvertierungseinstellungen konfigurieren (Bildmodus)

Passen Sie in der Einstellungskarte unterhalb der Upload-Zone diese Optionen an:

  • Width — Ziehen Sie den Schieberegler, um die Ausgabebreite in Zeichen einzustellen. Höhere Werte erzeugen detailliertere Ausgabe.
  • Character Set — Wählen Sie aus dem Dropdown: Standard, Simple, Blocks, Braille, Minimal oder Code. Wählen Sie Custom, um eine eigene Zeichenverlaufs-Zeichenkette einzugeben.
  • Invert Colors — Umschalten, um dunkle und helle Zeichen zu tauschen. Nützlich für Bilder mit weißem Hintergrund.
  • Edge Detection — Umschalten, um von helligkeitsbasierter Konvertierung zur Umrisserkennung zu wechseln. Das Aktivieren zeigt einen Edge Threshold-Schieberegler zur Feinabstimmung der Empfindlichkeit.
  • Color Mode — Umschalten, um die ASCII-Art in den Originalfarben des Bildes als HTML-Dokument zu rendern. Diese Option ist ausgegraut, wenn die Kantenerkennung aktiv ist.

Das Tool verarbeitet das Bild automatisch, wenn sich Einstellungen ändern, und zeigt während der Konvertierung eine Ladeanzeige an.

Schritt 3: Ausgabe prüfen und exportieren

Die Ausgabekarte zeigt die gerenderte ASCII-Art. Im Farbmodus mit dunklem Hintergrund rendert die Kunst gegen einen #1a1a1a-Hintergrund, damit die Farben hervorstechen. Im einfachen Modus rendert sie auf einem gedämpften Hintergrund.

Verwenden Sie die Aktionsschaltflächen unterhalb der Ausgabe zum Exportieren:

  • Copy Text — Kopiert den einfachen ASCII-Text in die Zwischenablage.
  • Copy HTML — Kopiert das farbig getaggte HTML (nur im Farbmodus mit einer gültigen Konvertierung sichtbar).
  • Download .txt — Speichert als ascii-art.txt.
  • Download .html — Speichert als ascii-art.html mit eingebetteten Farbspans.
  • Clear — Setzt das Bild und die Ausgabe zurück.

Schritt 4: Text Art-Modus für Buchstaben-ASCII verwenden

Klicken Sie auf den Text Art-Tab. Geben Sie Text in das Eingabefeld ein (Standard ist „Hello World"). Durchsuchen oder filtern Sie die Schriftartenliste — 60+ Optionen einschließlich Doom, Ghost, Graffiti und Gothic. Passen Sie Width (40–200 Zeichen) an, fügen Sie einen Box Border-Stil hinzu (None, Simple, Double oder Rounded) und schalten Sie Flip Horizontal oder Flip Vertical um. Klicken Sie auf Generate Text Art zum Rendern. Die Ausgabe kann in die Zwischenablage kopiert oder als PNG heruntergeladen werden.

Praktische Beispiele

Firmenlogo für Terminal-Banner konvertieren

Laden Sie ein PNG-Logo mit transparentem Hintergrund hoch. Wählen Sie den Minimal-Zeichensatz für ein kontrastreichen Zweifarbenergebnis. Aktivieren Sie Invert Colors, wenn das Logo dunkel auf weiß ist. Stellen Sie die Breite auf 80 Zeichen ein, um einer Standard-Terminalbreite zu entsprechen. Laden Sie als .txt herunter und fügen Sie es in das Startbanner eines Shell-Skripts ein — das Ergebnis ist bei jeder Terminalschriftgröße lesbar.

Farb-ASCII-Porträt für Social Media erstellen

Laden Sie ein Porträtfoto mit starker Beleuchtung hoch. Wählen Sie den Standard-Zeichensatz, aktivieren Sie Color Mode und stellen Sie die Breite auf 120 Zeichen ein. Die Ausgabe rendert jedes Zeichen in der abgetasteten Farbe des entsprechenden Pixels und erzeugt ein farbenfrohes Mosaik. Laden Sie als .html herunter, öffnen Sie es in einem Browser, machen Sie einen Screenshot und verwenden Sie das Bild in einem Beitrag oder als Kopfgrafik.

Überschriften-Banner mit Figlet-Schriftarten generieren

Wechseln Sie zum Text Art-Tab. Geben Sie „LAUNCH DAY" ein. Wählen Sie die Doom-Schriftart aus der Liste. Stellen Sie die Breite auf 120 ein, wählen Sie den Double-Rahmen und klicken Sie auf Generate Text Art. Die Ausgabe ist eine große dekorative Überschrift, umrahmt in doppellinigen Box-Zeichnungszeichen. Exportieren Sie als PNG für die Verwendung in einem Projekt-README oder einer Präsentationsfolie.

Tipps und Best Practices

Kontrastreiche Bilder liefern die besten Ergebnisse. Fotos mit starken Kanten, klaren Motiven und nicht überfüllten Hintergründen erzeugen ASCII-Art, die bei kleineren Breiten erkennbar ist. Porträtfotos mit einfachem Hintergrund und detaillierte Strukturfotos (Rinde, Stoff, Stein) liefern tendenziell die interessantesten Ergebnisse.

Kantenerkennung ist ideal für Logos und Strichzeichnungen. Für Bilder, die bereits umrissen sind (Icons, Vektorexporte, Clip-Art), verfolgt der Kantenerkennungsmodus die Formen mit den Zeichen |, -, / und \ anstatt Bereiche mit Helligkeitsgradienten zu füllen. Passen Sie den Kantenschwellenwert-Schieberegler an, wenn zu viele oder zu wenige Kanten erscheinen.

Speichern Sie Einstellungen mit Presets. Das Presets-Panel (für Unterstützer) speichert Zeichensatz, Ausgabebreite, Farbmodus, Kantenerkennungszustand, Kantenschwellenwert und alle Text Art-Optionen. Wenn Sie regelmäßig Terminal-Banner mit 80 Zeichen im Minimal-Satz erstellen, speichern Sie diese Konfiguration als Preset.

Schriftart-Fallback im Text Art-Modus. Wenn eine ausgewählte Figlet-Schriftart nicht verfügbar ist, fällt das Tool automatisch auf die Standard-Schriftart zurück und zeigt eine Warnung an: Font "FontName" not available, used Standard instead. Wenn Sie dies sehen, wählen Sie eine andere Schriftart aus der Liste.

Braille-Zeichensatz funktioniert am besten bei schmaler Breite. Braille verwendet ein 2×4-Punktraster pro Zeichen und kodiert mehr Detail pro Spalte als Standard-ASCII-Zeichen. Schmalere Breiten (60–80) mit Braille liefern tendenziell schärfere Ergebnisse als breite Ausgaben.

Häufige Probleme und Fehlerbehebung

„Image load error"-Toast — Dies erscheint, wenn Sie eine Datei auswählen, deren MIME-Typ nicht in der unterstützten Liste ist (image/jpeg, image/png, image/gif, image/webp, image/bmp). Benennen Sie Ihre Datei um oder exportieren Sie sie in einem unterstützten Format. Eine .jpg-Datei, die mit einer .webp-Erweiterung benannt ist, wird immer noch fehlschlagen, wenn der Browser den falschen MIME-Typ erkennt.

Leere Ausgabe nach dem Upload — Wenn die Ausgabekarte keine Zeichen anzeigt, wurde das Bild möglicherweise geladen, hat aber vollständig transparente Pixel erzeugt. Dies passiert bei PNG-Dateien ohne Inhalt außerhalb eines transparenten Kanals. Exportieren Sie das Bild mit einem weißen oder farbigen Hintergrund vor der Konvertierung.

Farbmodus nicht verfügbar — Der Color Mode-Schalter ist deaktiviert, wenn Edge Detection aktiv ist. Dies ist beabsichtigt: Kantenerkennung erzeugt einen binären Umriss, der keine sinnvolle Farbe zum Abtasten hat. Deaktivieren Sie zuerst die Kantenerkennung, dann aktivieren Sie den Farbmodus.

Text Art-Generierung schlägt fehl — Wenn das Figlet-Rendering vollständig fehlschlägt, fängt die Komponente den Fehler ab und zeigt ihn als bernsteinfarbenen Text unterhalb der Steuerelemente an. Dies bedeutet normalerweise, dass die Figlet-Bibliothek nicht geladen werden konnte (Netzwerkproblem). Laden Sie die Seite neu und versuchen Sie es erneut.

Ausgabe bei kleinen Größen unleserlich — Die Ausgabe rendert bei 8px Monospace im Bildvorschaubereich. Wenn Zeichen zu klein sind, verwenden Sie die Zoom-Funktion des Browsers oder laden Sie die .html-Datei herunter und öffnen Sie sie in einem neuen Tab.

Datenschutz und Sicherheit

Jeder Konvertierungsschritt — Pixelabtastung, Helligkeitszuordnung, Zeichensubstitution, Figlet-Schriftart-Rendering — läuft in Ihrem Browser mit JavaScript und der Canvas API. Hochgeladene Bilder werden lokal in den Speicher gelesen und niemals an einen Server gesendet. Das Tool ist sicher für vertrauliche Bilder (medizinische Scans, private Dokumente, interne Grafiken), da Ihre Dateien Ihr Gerät nie verlassen. Es funktioniert auch offline, sobald die Seite und die Figlet-Bibliothek geladen wurden.

Häufig gestellte Fragen

Ist Image to ASCII Art kostenlos?

Ja, das Tool ist komplett kostenlos ohne Konto. Sowohl der Image to ASCII-Tab als auch der Text Art-Tab stehen allen Besuchern zur Verfügung. Premium-Unterstützer erhalten Zugriff auf Presets (zum Speichern von Zeichensatz, Breite und anderen Einstellungen), Verlauf und Notizen.

Funktioniert Image to ASCII Art offline?

Sobald die Seite geladen und die Figlet-Schriftartbibliothek abgerufen wurde, funktioniert das Tool offline. Die Bildkonvertierung verwendet nur die Canvas API und JavaScript des Browsers ohne Serveraufrufe. Wenn Sie nach dem Laden der Seite die Verbindung verlieren, können Sie weiterhin Bilder konvertieren und Text-Art generieren.

Sind meine Daten sicher?

Ihre Bilder werden vollständig im Browser-Speicher verarbeitet und niemals hochgeladen. Das Tool liest Pixeldaten aus dem Bild mit einem HTML-<canvas>-Element, führt alle Berechnungen lokal durch und gibt das Ergebnis als Zeichenkette aus. Keine Bilddaten, Metadaten oder Ausgaben werden übertragen.

Welche Bildformate werden unterstützt?

Das Tool unterstützt JPEG, PNG, GIF, WebP und BMP. Das Format wird beim Upload gegen den MIME-Typ der Datei geprüft. SVG wird derzeit nicht unterstützt, da es vor der Pixelabtastung Rasterisierung bei einer bestimmten Auflösung erfordert.

Welche Zeichensätze sind verfügbar?

Sechs eingebaute Sätze: Standard (voller ASCII-Dichtegradient), Simple (weniger Zeichen, weichere Gradienten), Blocks (Unicode-Blockelemente für dichtere Ausgabe), Braille (Braille-Unicode für feine Details), Minimal (zwei Zeichen, hoher Kontrast) und Code (programmierbezogene Zeichen). Eine Custom-Option ermöglicht die Eingabe beliebiger Zeichen als Gradientenzeichenkette von dunkel nach hell.

Kann ich dem Text Art-Ausgang einen Rahmen hinzufügen?

Ja. Im Text Art-Tab bietet die Box Border-Option vier Stile: None, Simple (+ Ecken und -/| Kanten), Double (doppellinige Unicode-Box-Zeichen ╔╗╚╝═║) und Rounded (╭╮╰╯─│). Der Rahmen wird um die gesamte Figlet-Ausgabe hinzugefügt, mit einem Leerzeichen auf jeder Seite aufgefüllt.

Wie flippe ich die ASCII-Art?

Im Text Art-Tab aktivieren Sie Flip Horizontal, um jede Zeile von links nach rechts umzukehren, oder Flip Vertical, um die Zeilenreihenfolge von oben nach unten umzukehren. Beide können gleichzeitig aktiv sein für eine 180°-Rotation der Ausgabe.

Wie viele Figlet-Schriftarten sind verfügbar?

Das Tool enthält 60 kuratierte Figlet-Schriftarten: Standard, Big, Block, Banner, Shadow, Slant, Small, Lean, Mini, Ogre, Script, Gothic, Doom, Fuzzy, Bloody, Broadway, Bulbhead, Chunky, Crazy, Delta Corps Priest 1, Digital, Doh, Double, Electronic, Epic, Fire Font-k, Fraktur, Georgia11, Ghost, Graffiti, Henry 3D, Isometric1, Larry 3D, Letters, Moscow, Nancyj, NScript, O8, Pawp, Peaks, Rectangles, Roman, Rozzo, Serifcap, Speed, Star Wars, Stellar, Sub-Zero, Swamp Land, Sweet, Thick, Thin, Ticks, Tiles, Train, Trek, Twisted, USA Flag, Varsity und Wow. Verwenden Sie das Suchfeld zum Filtern nach Name.

Kann ich die Ausgabe als Bilddatei exportieren?

Die Text Art-Ausgabe kann mit dem Download PNG-Button als PNG exportiert werden. Das Tool rendert den ASCII-Text auf einem HTML-Canvas bei 14px Monospace mit weißem Hintergrund und exportiert es als ascii-art.png. ASCII-Art im Bildmodus kann nur als .txt oder .html exportiert werden — kein PNG-Export für Bildkonvertierungen.

Was steuert der Schwellenwert-Schieberegler?

Wenn die Kantenerkennung aktiviert ist, bestimmt der Schwellenwert die Empfindlichkeit des Kantenerkennungsalgorithmus. Niedrigere Schwellenwerte erkennen mehr Kanten, einschließlich subtiler Gradienten, was zu verrauschter Ausgabe führen kann. Höhere Werte erkennen nur scharfe, kontrastreiche Kanten. Stellen Sie den Schieberegler so ein, dass der Umriss des Motivs klar ist, ohne übermäßiges Hintergrundrauschen.

Verwandte Tools

  • Case Converter — Text zwischen Groß-, Klein- und Titelschreibung sowie weitere Varianten umwandeln. Nützlich für die Textformatierung vor der Eingabe in den Text Art-Tab.
  • Binary to Text Converter — Zwischen Binär- und Textdarstellungen konvertieren. Ergänzt ASCII-Art bei Terminal- oder kodierungsbezogenen Projekten.
  • Word Counter — Textlänge messen, bevor ASCII-Art aus langen Phrasen generiert wird, um sicherzustellen, dass die Ausgabebreite handhabbar bleibt.

Jetzt Image to ASCII Art ausprobieren: Glyph Widgets Image to ASCII Art

Zuletzt aktualisiert: 27. Februar 2026

Weiterlesen

Mehr ArtikelImage to ASCII Art ausprobieren