本文へスキップ

テキストアートを画像に

Text Art to Image

等幅のテキストアートを、フォント・セル寸法・色・背景・透過の有無を指定してPNGやSVGに描きます。等幅が保たれない場所に投稿しても形が崩れません。

テキストアートは文字であり、文字は流し直されます。LINEやInstagramのキャプション、ほとんどのメールソフトとCMSは、プロポーショナルフォントに置き換えるか、絵を支えている連続した空白を潰してしまいます。そうなると届くものは作ったものではありません。このページは間隔を固定して一度だけ描き、代わりに画像を渡します。このサイトの他のテキストアートの道具もすべて同じモジュールから書き出すので、点字の絵が保存するPNGとこのページが保存するPNGは、同じコードが作った同じバイト列です。

🔒 ブラウザの中だけで動きますasciiartimageconvertshare

等幅で組まれたものなら何でも貼り付けてください。バナー、点字の絵、図、コードブロック。タブは次のタブ位置まで空白に開きます。

見た目

倍率をかける前で 192 × 137ピクセル

╭──────────────╮ │ todododo │ ╰──────┬───────╯ │ ┌──────▼───────┐ │ text art │ └──────────────┘
テキストアートは、投稿される先のほとんどで原形を保てません。カカオトーク、Instagram のキャプション、たいていのメールソフトや CMS は、行を組み直すか、プロポーショナルフォントに差し替えるか、絵を支えている連続した空白をつぶしてしまいます。画像にすれば、そのすべてを切り抜けられます。
SVG は文字を文字のまま残すので、選択できますし、いくらでも拡大できます。ただし見る人の環境にある等幅フォントで描かれます。連続した文字ごとに textLength で正確な幅に固定してあるので、フォントが違うときは行がずれる代わりに字が伸び縮みします。解決ではなく緩和です。PNG は画像です。大きくて、固定で、どこでも同じに見えます。投稿するなら PNG のほうです。
どちらの形式もフォントを埋め込みません。SVG はよくある等幅フォントを並べて順に下りていき、PNG はこの端末にあるフォントで描かれます。ですから、スマートフォンで作った絵とデスクトップで作った絵とでは、字の形が少し違います。

使い方

  1. 絵文字や漢字の作品なら文字幅を上げてください

    升目の幅は文字の大きさに対する比で決めていて、ラテン文字の等幅書体なら0.6が合います。絵文字と全角の漢字・かなは幅がおよそ二倍なので、それで作った作品はこの値を上げないと桁が重なります。

  2. 投稿にはPNG、保管にはSVG

    PNGは画像なのでどこでも同じに見えます。チャットに上げるときに欲しいのはそれです。SVGは文字を文字のまま残すので、選択でき、コピーでき、いくらでも拡大できますが、見る人の等幅フォントで描かれます。連ごとに幅を正確に固定してあるので、フォントが違っても整列が崩れる代わりに字が伸びます。解決ではなく緩和です。

よくある質問

背景が透明なPNGが、チャットアプリで透明になりません

チャットアプリが自分の吹き出しの色の上に合成するからです。暗いテーマで透明な背景に暗い文字を載せると消えます。透明は、自分が支配している背景の上に載せるときに使うものです。チャットには吹き出しに合う背景色を選んでください。それに合わせたカカオトークのプリセットがあります。

ファイルにフォントは入りますか

どちらの形式も埋め込みません。SVGはよくある等幅書体の並びを書いておいて順に降りていき、PNGはこの機器に導入されているフォントで描きます。ですから設定が同じでも、スマートフォンで作った絵とデスクトップで作った絵では、字の形が少し違います。

ここから渡せます

次の一手

このツールが出したものをそのまま受け取れる道具です。