Zum Inhalt springen

Textkunst als Bild

Text Art to Image

Rendert jede Monospace-Textkunst als PNG oder SVG mit gewählter Schrift, Zellgröße, Farbe, Hintergrund und optionaler Transparenz, damit sie das Posten dort übersteht, wo Monospace nicht erhalten bleibt.

Textkunst ist Zeichen, und Zeichen werden neu umbrochen. KakaoTalk, Instagram-Bildunterschriften, die meisten Mailprogramme und die meisten CMS setzen eine Proportionalschrift ein oder ziehen die Folgen von Leerzeichen zusammen, die das Bild zusammenhalten, und was ankommt, ist nicht, was Sie gemacht haben. Diese Seite rendert es einmal, mit festem Abstand, und gibt Ihnen stattdessen ein Bild. Jedes andere Textkunst-Werkzeug auf dieser Site exportiert durch dasselbe Modul, das PNG, das ein Braille-Bild speichert, und das PNG, das diese Seite speichert, sind also dieselben Bytes aus demselben Code.

🔒 Läuft vollständig in Ihrem Browserasciiartimageconvertshare

Fügen Sie alles ein, was auf Monospace beruht: ein Banner, ein Braille-Bild, ein Diagramm, einen Codeblock. Tabulatoren werden bis zum nächsten Tabstopp aufgefüllt.

Aussehen

192 × 137 Pixel vor der Skalierung

╭──────────────╮ │ todododo │ ╰──────┬───────╯ │ ┌──────▼───────┐ │ text art │ └──────────────┘
Textkunst übersteht fast keinen Ort, an dem sie gepostet wird. KakaoTalk, Instagram-Bildunterschriften, die meisten Mailprogramme und die meisten Redaktionssysteme brechen sie neu um, ersetzen eine proportionale Schrift oder fressen die Leerzeichenfolgen, die sie zusammenhalten. Ein Bild davon übersteht sie alle.
Das SVG behält die Zeichen als Zeichen, bleibt also markierbar und skaliert grenzenlos — es wird aber in der Monospace-Schrift gesetzt, die der Betrachter hat. Jede Folge ist mit textLength auf eine exakte Breite geheftet, sodass eine andere Schrift die Glyphen dehnt, statt die Ausrichtung zu scheren; das ist eine Milderung und keine Lösung. Das PNG ist ein Bild: größer, fest und überall gleich. Posten Sie das PNG.
Keines der beiden Formate bettet eine Schrift ein. Das SVG nennt einen Stapel gängiger Monospace-Schriften und fällt der Reihe nach durch; das PNG wird mit dem gerastert, was dieses Gerät hat. Ein auf dem Handy erzeugtes Bild und ein am Rechner erzeugtes unterscheiden sich also leicht in den Formen der Zeichen.

So funktioniert es

  1. Erhöhen Sie die Zeichenbreite für Emoji- oder CJK-Kunst

    Die Zellenbreite wird als Bruchteil der Schriftgröße gesetzt, und 0,6 ist richtig für eine lateinische Schrift mit fester Zeichenbreite. Emoji und vollbreite CJK-Zeichen sind etwa doppelt so breit, Kunst aus ihnen braucht also einen höher gestellten Regler, sonst überlappen die Spalten.

  2. Nehmen Sie PNG zum Posten, SVG zum Aufbewahren

    Das PNG ist ein Bild und sieht überall identisch aus, und das wollen Sie, wenn es in einen Chat geht. Das SVG behält die Zeichen als Zeichen – auswählbar, kopierbar, grenzenlos skalierbar –, rendert aber in welcher Schrift mit fester Zeichenbreite auch immer der Betrachter hat. Jeder Lauf ist auf eine exakte Breite festgesetzt, eine andere Schrift dehnt also die Glyphen, statt die Ausrichtung zu verzerren, was eine Milderung ist und keine Lösung.

Häufige Fragen

Warum ist das transparente PNG in KakaoTalk nicht transparent?

Weil der Chat-Client es auf seine eigene Sprechblasenfarbe legt, und in einem dunklen Design verschwindet dunkler Text auf Transparenz. Transparenz ist dafür da, die Kunst auf etwas zu legen, das Sie kontrollieren. Für einen Chat wählen Sie einen Hintergrund, der zur Sprechblase passt – es gibt eine KakaoTalk-Voreinstellung, die das tut.

Enthält die Datei die Schrift?

Keins der beiden Formate bettet eine ein. Das SVG nennt einen Stapel gängiger Schriften mit fester Zeichenbreite und fällt durch ihn zurück; das PNG wird mit dem gerastert, was dieses Gerät installiert hat, ein auf einem Handy erzeugtes Bild und eines vom Desktop unterscheiden sich also selbst bei gleichen Einstellungen leicht in den Zeichenformen.

Eingabe aus

Danach

Diese Tools nehmen an, was dieses hier erzeugt, das Ergebnis kann also direkt weiter.