WMW

ASCIIアートジェネレーター

Free

入力したテキストやアップロードした画像をASCIIアートに変換します。フォントスタイルや文字の濃淡を選び、色を保持したまま、プレーンテキストまたはPNGとして書き出せます。

すべてブラウザ内で処理されます。テキストや画像がサーバーにアップロードされることはありません。


            
        

最近のアクティビティ

全員に公開されています。すべての訪問者による直近20回の使用履歴を新しい順に表示します。

まだアクティビティはありません。最初の一人になりましょう。

コメント (0)

このツールは役に立ちましたか?コメントを残したり、コツを共有したり、改善方法を教えてください。

ゲストのコメントは公開前に確認されます。 ログイン すると即座に投稿できます。

まだコメントはありません。最初にご意見をお寄せください!

このツールの機能

ASCIIアートジェネレーターは、入力したテキストやアップロードした画像を、通常の文字だけで構成されたテキストベースのアートに変換します。単語を入力すれば大きくスタイリッシュなバナーが作れます(READMEファイル、ターミナルの起動メッセージ、フォーラムの署名などに便利です)。写真をアップロードすれば、フォントスタイル、文字セット、色の有無を選びながら、クラシックな文字ベースの表現が得られます。

仕組み

テキストと画像は同じエンジンで変換されます。ソース(描画されたテキストや写真)はHTMLキャンバスからピクセル単位で読み取られ、セルのグリッドに分割されます -- 列数は幅スライダーで設定した値で、行数は 行数 = round((ソースの高さ / ソースの幅) × 列数 × 0.55) として計算されます。この0.55は、等幅文字が幅より高さの方が大きいことを補正するためのもので、これにより最終的なアートが正しい比率を保ちます。

セル内のすべてのピクセルは、輝度 = 0.299 × 赤 + 0.587 × 緑 + 0.114 × 青(ある色が人間の目にどれだけ明るく見えるかを表す標準的な計算式)を使って明るさの値に変換され、そのセル全体で平均化されます。この0(黒)から255(白)までの平均的な明るさが、選択した濃淡表から1文字を選びます:インデックス = round((明るさ ÷ 255) × (濃淡表の長さ − 1))。これにより、黒いセルには最も濃い文字が、白いセルには最も薄い文字が割り当てられます(「反転」をオンにすると逆になります)。

解決できる問題

よくある質問

›画像やテキストをASCIIアートに変換する仕組みは実際どうなっていますか?

このツールは、テキスト(実際のブラウザフォントを使用)または画像を非表示のキャンバスに描画し、すべてのピクセルの色を読み取った後、そのキャンバスを出力文字ごとに1つの小さなブロックからなるグリッドに分割します。各ブロックの平均的な明るさが、「最も濃い」から「最も薄い」まで並んだ濃淡表から文字を選びます -- 暗いブロックには @ や # のような濃い文字が、明るいブロックには . やスペースのようなまばらな文字が割り当てられます。

›なぜ「ブロック」「斜体」「3Dシャドウ」などのスタイルはテキストモードにしか適用されないのですか?

これらのスタイルは、入力したテキストが文字にサンプリングされる前にどのように描画されるかを変更します -- ブロックでは太いフォントウェイト、斜体ではイタリック、3Dシャドウではずらした複製レイヤー、アウトラインでは塗りつぶしのない輪郭線です。アップロードした画像にはスタイルを適用できる「フォント」がないため、画像モードでは常に写真をそのままサンプリングします。

›「色を保持」は何をするもので、どこかに貼り付けてもまだ機能しますか?

「色を保持」をオンにすると、画面上の各文字が元のブロックの平均色に合わせて着色されるため、ページ上ではアートが元の画像やカラフルなテキストのように見え続けます。プレーンテキストでの書き出し(コピー、.txtダウンロード)は、プレーンテキストに文字ごとの色という概念がないため常に単色になります -- 色が保持されるのは、ページ上のプレビューとPNGダウンロードのみです。

›文字の濃淡とは何ですか?自分で指定することはできますか?

濃淡表とは、最も濃い/密な文字から最も薄い/まばらな文字まで順に並べた文字のセットのことです。クラシックな見た目なら "@%#*+=-:. "、よりすっきりとしっかりした見た目ならブロック文字の "█▓▒░" などがあります。「カスタム」を選び、濃いものから薄いものへと好きな順番で自分の文字を入力すれば、独自のスタイルをデザインできます。

›私の画像はどこかにアップロードされますか?

いいえ。テキストと画像の変換は、どちらもcanvas APIを使ってブラウザ内で完全に行われます。サーバーには何も送信されず、自分でダウンロードまたはコピーを選択しない限り何も保存されません。

関連ツール