ジェネレーター

ASCII アートジェネレーター

テキストや画像をブラウザ内で ASCII アートに変換します。単語や短い一行を入力して文字ランプを選ぶと、いったんキャンバスに描画してから明暗を等幅文字へサンプリングするため、ラテン文字・日本語・中国語、さらには絵文字まで同じ流れで扱えます。写真やロゴをアップロードすれば、同じエンジンがピクセルの明るさを濃いものから薄いものへと文字に対応づけます。出力幅を列数で指定し、文字セットを切り替え、暗い背景向けに反転し、画像にはコントラストを調整するかカラーを有効にして各ピクセルの色を保てます。その後、結果をコピーし、プレーンテキストを保存し、色を保つ PNG も書き出せます。処理はすべてローカルで行われるので、入力したテキストもアップロードした画像もブラウザの外には出ません。

  • 文字は固定フォントの参照ではなくキャンバスへ描画してから変換するため、日本語や中国語も ASCII アートにできます
  • 写真・ロゴ・アイコンのピクセルの明るさを文字ランプに対応づけて変換します
  • 出力幅、6 種類の文字セット、テキストのフォントと太さを選べ、暗い面向けに反転もできます
  • コントラスト調整で狭い列数でも形がはっきり読め、カラーモードは画像の各ピクセルの色も保てます
  • 結果をコピーし、.txt を保存し、色を保つ PNG も書き出せ、すべてローカル生成で何もアップロードしません
tools/ASCII アートジェネレーター
幅（列数）100
文字サイズ8px
-
サイズ
-
行数
-
文字数
-
テキストを入力するか画像をアップロードすると ASCII アートが表示されます
出力

概要

テキストと画像の入力を、すべてキャンバス経由で描画する一つのパネルにまとめました。明るさから文字への同じ対応づけで、見出しもロゴも写真も扱えるため、別ツールも固定の字形フォントも要りません。

  1. 01

    あらゆる言語のテキスト

    テキストはキャンバスに描いてからサンプリングするので、ラテン文字・日本語・中国語・絵文字が同じ方法で変換され、内蔵の字形フォントに縛られません。

  2. 02

    画像を文字へ

    写真・ロゴ・アイコンをピクセル単位で読み取り、明るさを濃いものから薄いものへ文字ランプに対応づけるので、プレーンテキストでも形が読めます。

  3. 03

    6 種類の文字ランプ

    標準ランプ、長い詳細ランプ、柔らかなブロック濃淡、シンプルな集合、バイナリ数字、ミニマルな 2 文字を切り替えて、見え方を変えられます。

  4. 04

    幅と縦横比の補正

    出力幅を列数で指定すると行数が導かれ、文字が横より縦に長い点を補正するので、出力が間延びしません。

  5. 05

    フォント・太さ・反転

    テキストではゴシック・明朝・等幅から選び、太字で線を強められます。いつでも反転して、暗い背景にアートを置けます。

  6. 06

    ローカルでコピーか保存

    結果をクリップボードにコピーするか、プレーンテキストとして保存できます。すべてブラウザ内で処理され、入力はページの外に出ません。

使い方

readme のバナーでも写真のラフスケッチでも、一つのパネルで単語や画像から貼り付けられる ASCII アートまで進めます。

  1. 01

    テキストか画像モードを選び、短い一行を入力するか、ロゴ・アイコン・写真などの画像をアップロードします。

  2. 02

    出力幅を列数で指定し、結果の細かさと横幅を決めます。

  3. 03

    柔らかなブロックランプから濃淡の多い詳細ランプまで、文字セットを選んで質感を変えます。

  4. 04

    テキストはフォントを選んで太字を切り替え、画像は狭い列数でも形が残るようコントラストを調整します。

  5. 05

    暗い背景に置くなら反転し、結果をコピーするかテキストファイルとして保存します。

詳細

ASCII アートはプレーンテキストなので、ターミナル・コードコメント・チャット欄が届く場所ならどこへでも運べます。だからこのツールは軽量で言語を選ばず、貼り付け先に合わせて調整しやすく作られています。

  • キャンバスでの描画により、固定のラテン文字だけでなくあらゆる言語と絵文字に対応します
  • 画像変換は輝度を文字に対応づけるので、写真やロゴも読める文字アートになります
  • 6 種類の文字ランプが密度と細かさを調整し、柔らかなブロック濃淡から長い詳細グラデーションまで揃います
  • 幅を列数で指定して解像度を決め、行数は比率が自然になるよう導かれます
  • コントラスト調整が、幅が狭いときに平坦な中間調から画像の形を引き出します
  • カラーモードは各文字を元ピクセルの色に保ち、色付きの結果を残す PNG 書き出しも備えます
  • 反転は明暗の対応を入れ替え、明るい面でも暗い面でもアートが読めるようにします
  • テキストのフォントと太字の選択が、描画される字形の線の太さと形を変えます
  • 出力は等幅テキストで、readme・ターミナル・コメント・チャットにきれいに貼り付けられます
  • リセットですべての設定が既定値に戻り、新しい作品を既知の状態から始められます
  • 描画はすべてブラウザのローカルで行われ、テキストも画像もどこにもアップロードされません

活用シーン

プレーンテキストしか使えない場所なら、プロジェクトのバナーから、実画像を出せず文字で示すしかない場面まで、ASCII アートが活躍します。

  1. readme とリポジトリのバナー

    プロジェクト名を ASCII アートにすると、画像ファイルを別途同梱しなくても readme や CLI の起動画面が仕上がって見えます。

  2. ターミナルと CLI 出力

    起動メッセージ・ヘルプ画面・ログイン時の MOTD にバナーやロゴを置くと、コマンドラインツールがプレーンテキストの中で少し個性を持ちます。

  3. コードコメントと見出し

    ASCII の大きな見出しで長いファイルが追いやすくなり、あるコードブロックの終わりと次の始まりがはっきりします。

  4. チャット・フォーラム・メール

    画像が遮断されたり場違いだったりする場所でも、小さな文字アートならロゴや形をメッセージや署名に運べます。

  5. 非ラテン文字のアート

    テキストをキャンバスに描くため、日本語や中国語の語句も ASCII アートにできます。固定のラテン文字フォントには作れないものです。

  6. 写真とロゴのスケッチ

    写真やロゴを文字に変換すると、ターミナルのテーマやファン作品、テキスト専用の文書に向く、ラフでレトロな描写が得られます。

  7. 教育とデモ

    同じ入力をテキストと ASCII の両方で見せると、画像の基礎やシェルスクリプトを教えるときに、明るさがどう文字へ対応づくか説明しやすくなります。

  8. レトロと創作プロジェクト

    文字アートは demoscene へのオマージュ、BBS 風のページ、あえて低解像度の見た目を狙うクリエイティブコーディングに合います。

関連情報

素材が画像のときは、まず 画像 to Base64 で整えてインライン化してから変換します。レイアウトをプレースホルダーテキストで埋めつつバナーにもしたいときは、 Lorem Ipsum ダミーテキストジェネレーター と組み合わせ、流れ全体をブラウザ内に保てます。

使い方のヒント

ASCII アートは幅・文字セット・コントラストが貼り付け先に合ってこそ読みやすくなります。いくつかの習慣で、にじまず読める結果に保てます。

  • テキストは短く。単語や短い一行なら読めますが、長い文は一字ずつ小さくなり形が失われます。
  • 幅を貼り付け先に合わせます。readme は広い作品を許容しますが、ターミナルやコメント欄は通常もっと狭い列数が必要です。
  • 狭い幅では密なランプを、余裕があれば詳細ランプを使い、質感を使える面積に合わせます。
  • 平坦で暗めの写真はコントラストを上げます。中間調に偏った画像は一様な灰色になり被写体が隠れます。
  • 暗いターミナルやページに置くなら反転し、形が濃く見えるべき位置に密な文字を落とします。
  • 公開前に実際の等幅環境でプレビューします。プロポーショナルフォントは行の整列を崩します。
  • ロゴは輪郭のはっきりした高コントラストの素材を選ぶと、細かなディテールより小さな文字格子へよく残ります。
  • 読者が横スクロールせずに見える幅に収め、形全体を一目で見せます。

制限事項

ASCII アートはプレーンテキストによる近似なので、出力は入力・幅、そして最終的に表示されるフォントに左右されます。

  • このツールは明るさからソリッドなブロック調のアートを生成し、figlet のような固定フォントが作る装飾的な輪郭文字ではありません。
  • 写真の細部は狭い幅で失われます。各文字がピクセルのまとまりを代表するためです。
  • 本物の等幅フォントでのみ整列します。プロポーショナルフォントは行をずらして絵を壊します。
  • プレーンテキストと .txt の保存は単色です。テキストは色を持てないため、各ピクセルの色を残すにはカラーモードを有効にして PNG を書き出してください。
  • 非常に長いテキストや非常に大きな幅は大きな文字ブロックになり、貼り付けが遅く表示が扱いにくくなります。
  • 絵文字や複雑な文字は描画された形でレンダリングされるため、結果はブラウザで使えるシステムフォントに依存します。
  • ブロック濃淡のランプは厳密には ASCII でない罫線文字を使うので、純粋な ASCII のみ許される場では標準かシンプルのランプを使ってください。

よくある質問

テキストと画像を ASCII アートにする際によくある質問をまとめ、言語対応・画像入力・文字セット・正しく表示される場所を扱います。

日本語や中国語など非ラテン文字も変換できますか。

はい。テキストはキャンバスに描画してから文字へサンプリングするので、ブラウザが描けるあらゆる文字、日本語・中国語・絵文字を含めて ASCII アートになります。

画像から ASCII への変換はどう動きますか。

画像をピクセル単位で読み取り、各ブロックを明るさの値に還元して文字へ対応づけます。暗い領域は密な字形、明るい領域は空白になります。

なぜ一部の場所でしか整列しないのですか。

ASCII アートは各文字が同じ幅であることに依存します。ターミナルやコードブロックなど等幅フォントでは整いますが、プロポーショナルフォントでは崩れます。

幅の設定は何をしますか。

幅は 1 行あたりの文字数です。大きいほど細部を捉えますが横長になり、小さいほどコンパクトで粗く見えます。

いつ反転すべきですか。

アートを暗い背景に表示するときに反転します。明るさの対応を入れ替え、形が濃く見えるべき位置に密な文字を落とします。

テキストや画像はアップロードされますか。

いいえ。描画と変換はすべてブラウザのローカルで行われるので、入力した語句も選んだ画像も端末の外には出ません。

どの文字セットを選べばよいですか。

たいていは標準ランプで十分です。大きな幅には詳細ランプ、滑らかにしたいときはブロック濃淡、純粋な ASCII のみの場ではシンプルかミニマルを使います。

結果を保存できますか。

はい。アートをクリップボードにコピーするかプレーンテキストとして保存し、readme・コメント・ターミナルバナー・メッセージに貼り付けられます。

関連ツール

ASCII アートは入力を共有しやすいプレーンテキストへ変える一つの方法です。画像の準備やプレースホルダーテキストと組み合わせれば、きれいな素材からバナーまでブラウザを離れずに進められます。