ASCIIアート文字生成ツール
単語を入力すると、一般的なキーボードの文字で描かれた複数行のバナーとして表示されます。このサイト向けに作られた4つのフォントから選べます。文字の間隔と塗りつぶしの文字を設定して、アートをそのままコピーするか、Markdownのコードブロックで囲んでコピーするか、.txt ファイルとしてダウンロードしてください。無料で、登録は不要です。
英字、数字、一般的な句読点が使えます。入力した各行が、それぞれのバナーになります。
# @ * や █ のような、幅が1の文字を1つ。絵文字は幅が2のため、文字がずれてしまいます。
ASCIIアート
# # ##### # # ### # # # # # # # ##### #### # # # # # # # # # # # # # ##### ##### ##### ###
幅29列 · 5行
ASCIIアートは等幅フォントでのみ揃います。コードブロック、ターミナル、ソースコードのコメント、またはプレーンテキストファイルに貼り付けてください。
ASCIIアート文字生成ツールの使い方
- テキストを入力します。 短いものが適しています。名前、見出し、単語一つなど。入力した行は、それぞれ別のバナーになります。
- フォントを選びます。 ブロックとシャドウは塗りつぶし文字で文字を描き、スリムとスモールは
|、_、/、\の線で文字を描きます。 - 間隔と塗りつぶしを調整します。 文字の間に0〜3列を置き、
#を任意の1文字に置き換えるか、各文字をそれ自身で描くことができます。 - コピーまたはダウンロードします。 アートをそのままコピーするか、GitHub、Discord、Slack用にMarkdownのコードブロックで囲んでコピーするか、.txt ファイルとしてダウンロードします。
フォントのしくみ
各フォントは、文字ごとの小さな図形の表です。生成ツールは、テキストの各文字に対応する図形を探し、選んだ間隔で左から右に並べ、行末の空白を取り除いてアートが貼り付けやすいようにします。ブロック、スリム、スモールはこのツールのために設計されました。シャドウはブロックに、文字ごとに計算した影を付けたものです。塗りつぶされたセルごとに、一行下、一列右の位置が空いていれば、そこに影の文字を置きます。
| フォント | 高さ | 描画に使う文字 | 向いている用途 |
|---|---|---|---|
| ブロック | 5行 | 塗りつぶし文字（既定は #） | 遠くからでも読める見出し |
| シャドウ | 6行 | 塗りつぶし文字と影の文字 | 立体的な縁のあるタイトル |
| スリム | 5行 | |、_、/、\ | READMEファイルやターミナルの挨拶に使う軽いバナー |
| スモール | 3行 | |、_、/、\ と括弧 | 3行で十分なコードのコメント |
4つのフォントはすべて、A–Z、0–9、スペース、26種類の句読点を扱います。小文字は大文字として描かれ、アクセント記号は除かれます（é は E、ß は SS として描かれます）。曲がった引用符やダッシュは、ASCIIの直線的な形で描かれます。図形のない文字（絵文字や他のアルファベットの文字）は除かれ、アートの下に一覧で示されるので、何も黙って消えることはありません。
具体例
既定の設定（ブロックフォント、文字の間に1列、塗りつぶしは #）では、単語 Hello は幅29列、高さ5行になります。5文字はそれぞれ5列で、その間に1列の隙間が4つ入ります。スモールフォントでは、同じ単語が16列、3行で描かれます。
ブロック
# # ##### # # ### # # # # # # # ##### #### # # # # # # # # # # # # # ##### ##### ##### ###
スモール
_ _ |_| |_ | | | | | | |_ |_ |_ |_|
各文字をそれ自身で描く にチェックを入れると、Hは「H」で作られた文字になります。名前のバナーによく使われる古典的な見た目です。塗りつぶしに █（U+2588 FULL BLOCK）を使うと文字が塗りつぶされますが、ASCIIではないため、貼り付け先で正しく表示されるか確認してください。
ASCIIアートが正しく表示される場所
ASCIIアートは等幅フォントでのみ正しく揃います。等幅フォントでは空白と # の幅が同じです。プロポーショナルフォントでは空白が詰まり、行ごとにずれが生じて文字が崩れます。この一点で、どこで使えるかが決まります。
- 使える場所: ターミナルやコマンドプロンプト、コードエディタ、プレーンテキスト（.txt）ファイル、ソースコードのコメント、GitHub、GitLab、Discord、Slack、Redditのコードブロック。その場合は Markdownコードブロックとしてコピー を使ってください。
- 設定すれば使える場所: ワープロやメール。テキストを Courier New や Consolas などの等幅フォントに設定し、自動書式設定をオフにすれば使えます。
- 多くの場合崩れる場所: 通常のチャットメッセージやSNSの投稿（プロポーショナルフォントを使い、連続した空白が詰められることがあります）、また
<pre>要素で囲まれていないWebページ。 - ターミナルやメールでは80列以内に収めてください。 バナーがそれより広いと、このツールが警告します。その場合は、テキストの一部を2行目に移してください。
ASCIIアートの歴史
文字で作った絵は、コンピュータより古くからあります。タイピストはタイプライターで作り、1960年代から70年代には無線の電信オペレーターがそれを交換していました。ASCII（American Standard Code for Information Interchange、1963年に初めて公開）は、これらのフォントが描かれる印字可能な文字の集合を定めました。ラインプリンタは連続用紙の上に巨大なバナー文字を印刷し、1991年に公開された FIGlet は、このような文字フォントをターミナルの挨拶、ソースコードのヘッダー、READMEファイルでおなじみのものにしました。
よくある質問
- ASCIIアートとは何ですか？
- ASCIIの印字可能な文字（文字、数字、句読点、空白）を格子状に並べて、全体で大きな絵や文字を作ったものです。このツールが作るような文字バナーが最も一般的な種類です。
- 貼り付けたらASCIIアートが崩れるのはなぜですか？
- 貼り付け先がプロポーショナルフォントを使っていて、文字の幅がそれぞれ異なるため、列が揃わなくなっています。代わりにコードブロックに貼り付けてください。Markdownコードブロックとしてコピー は GitHub、Discord、Slack 向けにこれを行います。または、Courier New のような等幅フォントに切り替えてください。
- コードのコメントにASCIIアートを入れるには？
- 各行の先頭に言語のコメント記号（
//、#、--）を付けるか、ブロック全体を/* */で囲みます。C と C++ では、末尾がバックスラッシュで終わる行コメントに注意してください。コンパイラが次の行をコメントに続けてしまい、実際のコードを黙ってコメントアウトしてしまうことがあります。スリムとスモールは一部の文字をバックスラッシュで描くので、C に貼り付ける前に行末を確認してください。ブロックとシャドウは、塗りつぶしや影の文字としてバックスラッシュを選んだ場合にのみ使います。 - これらは FIGlet フォントですか？
- いいえ。FIGlet フォントは多くの異なる作者による別々のファイルで、それぞれの条件で配布されており、このツールは使っていません。ブロック、スリム、スモールは CitationEasy のために描かれ、シャドウはブロックから計算されています。
- 小文字やアクセント付きの文字は使えますか？
- 入力はできますが、フォントは大文字だけを描きます。小文字は大文字になり、アクセント記号は除かれるため、café は CAFE と描かれます。ギリシャ語やキリル文字など、他のアルファベットの文字には図形がないため、アートの下に除外された文字として示されます。
- 最適な塗りつぶし文字は何ですか？
#は ASCII であり、どの等幅フォントでも密に見えるため最も安全です。@、*、0はそれぞれ異なる質感になります。全角の █ は塗りつぶされて見えますが、ASCII ではありません。絵文字は避けてください。多くのフォントで他の文字の2倍の幅があり、各行がずれてしまいます。