画像からアスキーアート変換

GeekFormat について

クリックして写真をアップロードするPNG、JPG、WebP形式のサポート

出力幅：120 キャラクター

10960

高さ：120 キャラクター

10960

文字セット

カラーモード

画像をアップロードしてASCIIアートを自動生成

ブラウザ内の Canvas ピクセルサンプリングと BT.709 グレースケール重み付け(Y = 0.2126R + 0.7152G + 0.0722B)で画像をアスキーアートに変換する無料オンラインツール。3 種の内蔵文字セット(シンプル/詳細/ブロック)またはカスタムセットから選び、カラーモード切替、縦横比維持を有効化し、結果をクリップボードにコピーまたは .txt / .png として保存できます。コードコメント、ターミナルバナー、レトロなアバターなど、ギーク系クリエイティブ用途に最適です。

アスキーアートとは?

アスキーアート (ASCII Art) は、ASCII 文字の密度差で画像を表現するアート形式です。1970-80 年代、ラインプリンタがテキストしか印刷できなかった時代に、@ # $ などの文字で「絵」を作る手法として生まれました。

**変換の仕組みは?** ツールが Canvas でピクセルデータを読み取り、BT.709 重み付け (Y = 0.2126R + 0.7152G + 0.0722B) で各文字セルの平均輝度を計算し、選択したランプの対応密度位置の文字へマッピングします。密な文字 = 暗部、疎な文字 = 明部。本ツールは 3 種の内蔵ランプとカスタムオプションを備え、8〜70 のグラデーションをカバーします。

**カラー版は色をどう保持する?** カラーモードではブロック文字(▏▎▍▌▋▊▉█)を使用し、各文字が対応するピクセルセルの RGB カラーを担います。カラー結果は .png として書き出せば色情報を完全に保持できます。

**ビットマップとの比較:** アスキーアートの解像度はピクセル数ではなく文字数で決まるため、ターミナルフォントに合わせて非常に大きくしてもぼやけません。代償として細部は再現できません。コードコメント、ターミナルバナー、SNS アバターなどテキスト中心の用途ではビットマップよりアスキーアートの方が向いています。

ユースケース

写真・ロゴ・キャラクターをアスキーアート化し、コードコメント・README・フォーラム署名に
ターミナル・SSH ログイン歓迎・bashrc バナー・figlet 代替としてのテキストバナー作成
SNS アバターや署名アートでギークなアイデンティティを表現
生成した ASCII を GitHub Issue、メール署名、ブログ記事へプレーンテキストとして挿入
写真をカラーブロック文字アート化し、レトロ風デザイン素材として .png 書き出し
ミームや絵文字をシンプルセットで ASCII 化し、チャットリアクションに活用
アスキー風コードコメントや README 装飾を一括生成

使い方

変換したい画像ファイルをアップロード(JPG / PNG / WEBP / GIF 対応)
文字セットを選択:シンプル(高速プレビュー)/ 詳細(最も滑らか)/ ブロック(カラー向け)/ カスタム
出力幅を調整(既定 120 文字)、高さは原画比率で自動換算
カラーモード(カラー / 白黒)を選択、カラー版は .png でも保存可能
コピーボタンで結果をクリップボードへ、.txt / .png ダウンロードでファイル保存

特徴

3 種の内蔵文字セット:シンプル(10 文字、最速)、詳細(70 文字、最も滑らかなグラデーション)、ブロック(ターミナルとカラー向け)
カスタム文字セット:密(暗)から疎(明)へ 2 文字以上(目安 2-30 文字)を入力するとツールが自動マッピング
カラーモード:カラー版はブロック文字で原画の RGB ブロックを保持、白黒版はコントラスト重視
縦横比維持:元画像比率を保持し、幅変更時に高さを自動換算
ワンクリックコピー / ダウンロード:テキストアートをクリップボードにコピーまたは .txt 保存、カラー版は .png として書き出し可能
ローカル処理:ピクセルから文字への変換はすべてブラウザ内 Canvas で実行、ファイルは外部送信されません

Best Practices

コントラストを上げてから ASCII 化

アスキーアートは原画コントラストに非常に敏感で、低コントラスト画像は平坦で単調な結果になりがちです。まずフィルターツールでコントラストを 110-130% に上げると、暗い部分はより密な文字、明部は疎な文字として読み取れ、奥行きのある仕上がりになります。

ディテールは 70 文字、ロゴは 10 文字

70 文字の詳細セットは滑らかなトーン遷移を描け、肖像画やアート作品に向きます。10 文字のシンプルセットはシルエットだけをなぞるため、ロゴ・アイコン・キャラクターに適しています。詳細セットを単純形状に使うと逆にノイズっぽく見えるので、形状に応じて使い分けてください。

幅 100 が表示と細部のスイートスポット

既定の幅 120 文字（範囲 10-960）は多くの画面で読みやすく、肖像画は 150-300、ロゴは 60-100 が目安。400 を超えるとスクロールが増え、50 を下回ると細部が失われます。SNS・ターミナル・ブログなど掲載先に応じて幅を調整してください。

縦横比維持は既定でオン

本ツールは既定で縦横比を維持し、文字が伸び縮みしないよう制御しています。30 行のバナーのように行数を直接指定したい時はオフにできますが、その場合は画像が引き伸ばされます。初心者はオンのまま使い、慣れたら比率カスタマイズを試すのがおすすめです。

カラーモードはブロック文字と組み合わせる

カラーモードではブロック文字(▏▎▍▌▋▊▉█)が原画の色ブロックを保持し、各文字がそのピクセルセルの平均 RGB を担います。70 文字の詳細セットは白黒出力向けに調整されているためカラーモードではくすんで見えやすく、必ずブロック文字と組み合わせてください。

カスタム文字は密→疎の順で並べる

カスタム文字セットを入力するときは、最も密(暗部対応)から最も疎(明部対応)の順に並べます。例: @#*+=:. 。ツールがこの順を輝度勾配に直接マッピングします。逆順にすると画像が反転して出力されるので注意してください。

白黒は .txt、カラーは .png

白黒結果は .txt としてダウンロードし、テキストエディタ、ターミナル、コードコメント、ブログ、フォーラム署名に貼り付けてください。カラー結果は .png としてダウンロードすればフル RGB を保ったまま、デザイン素材や SNS 画像、Web 挿絵に使えます。

巨大写真は圧縮してから変換

超高解像度写真(例: 4000x3000 ピクセル)は変換が重く、生成される ASCII も非常に横長になります。先に画像圧縮ツールで長辺を 1000 ピクセル以下に抑えてから変換すると、処理が速くなり仕上がりもコントロールしやすくなります。

よくある質問

画像をアスキーアートに変換するには?

画像をアップロードすると、ツールがブラウザ内の Canvas でピクセルを読み取り、各文字セルの BT.709 重み付け平均 (Y = 0.2126R + 0.7152G + 0.0722B) を計算し、選択したランプの対応する文字へマッピングします。数秒で結果が得られ、クリップボードへのコピーや .txt ダウンロードが可能です。

Floyd-Steinberg ディザリングとは? なぜ使う?

Floyd-Steinberg は 1976 年に提案された古典的な誤差拡散ディザリングアルゴリズムで、各ピクセルの量子化誤差を 7/16、3/16、5/16、1/16 の比率で右・下・左下・右下の隣接ピクセルに分配します。ASCII 変換では、低密度ランプ(10 文字シンプルセットなど)で発生するバンディングやジャギーエッジを防ぎ、暗部から明部への滑らかな遷移とディテール保持を実現します。toolshu などの競合は切り替え式ですが、本ツールは最良の結果を得るため既定で有効化しています。

なぜ BT.709 グレースケール重み付けを使うのか?

人間の目は緑に最も敏感で、青には最も鈍感です。BT.709 公式 Y = 0.2126R + 0.7152G + 0.0722B はまさにそれを表しており、テレビ・映像・画像処理業界で 40 年以上標準として使われてきました。文字密度に適用すると、単純な RGB 平均より実際の視覚知覚に近い結果が得られ、ポートレートやグラデーションで特に差が出ます。

内蔵文字セットは? カスタムも使えますか?

3 種を同梱:シンプル(10 文字 @%#*+=-:. 高速プレビュー向け)、詳細(70 文字、滑らかなグラデーションと肖像画向け)、ブロック(▏▎▍▌▋▊▉█ カラーターミナル向け)。さらに 2 文字以上(目安 2-30 文字)のカスタム入力にも対応し、ツールが密から疎へ自動ソートして同じマッピングロジックを再利用します。

アスキーアートに元の色を保持できますか?

はい。カラーモードをオンにするとツールはブロック文字を使用し、各文字は原画ピクセルブロックの実際の RGB を表します。カラー結果は .png として書き出すこともでき、色情報を完全に保持できます。

アスキーアートの保存と再利用方法は?

白黒版はテキストをクリップボードにコピーするか .txt ファイルをダウンロードし、コードコメント、README、ブログ記事、フォーラム署名、ターミナル出力へ貼り付けられます。カラー版は .png 書き出しも追加され、デザイン素材、スライド、SNS 投稿へ活用できます。

アスキーアートに適した画像は?

高コントラストで輪郭がはっきりした画像(肖像画、ロゴ、キャラクター、風景など)が最適です。細部が複雑または低コントラストの写真は、文字がピクセルを置き換える際に情報が失われやすいので、フィルターツールでコントラストを上げてから変換するか、プレビューにはシンプルセットを使うとよいでしょう。

出力の幅と高さの調整方法は?

幅は文字カラム数(既定 100)を指定し、高さは元画像の縦横比に従って決まります。縦横比維持は既定でオンですが、オフにすれば行数を独立して設定できます。60-150 カラムは多くの画面向け、100-200 は肖像画向け、250 を超えると表示が過密になります。

アスキーアートとビットマップの違いは?

アスキーアートはテキスト文字で構成されるため、解像度は文字数で決まり、ターミナルフォントに合わせて滑らかにスケールしますが、色と細部は忠実に再現できません。ビットマップはピクセル格子で色と細部を保ちますが、拡大時にぼやけたりギザギザになったりします。用途は比較表を参照してください。

figlet や jp2a などのコマンドラインツールと本ツールの違いは?

figlet はテキスト ASCII アート(font banners)が中心で、jp2a はインストールと設定が必要なコマンドラインツールです。本ツールはブラウザ内 100% で即時動作し、インストール不要・登録不要・すべてのプラットフォームで同じ挙動、加えてカラー .png エクスポートとカスタム文字セットに対応。コードコメントや SNS 共有用に画像を文字アート化する最も簡単な手段です。

画像はサーバーに送信されますか? プライバシーは?

いいえ。ピクセルから文字への変換はすべてブラウザ内の Canvas getImageData と JavaScript マッピングでローカル実行され、画像は送信されません。タブを閉じればメモリも解放されます。プライベート写真、スキャン、機密書類も安心して処理できます。

用語集

ASCII / Unicode: ASCII は 7 ビットの文字セットで、128 種の基本文字を含みます。Unicode は世界中の文字体系と記号を収録し、本ツールのブロック文字(▏ ▎ ▍ ▌ ▋ ▊ ▉ █)は Unicode 文字として、対応ターミナルでカラーブロックとして表示されます。MDN - Unicode
BT.709 グレースケール重み付け: RGB からグレースケールへの変換式 Y = 0.2126R + 0.7152G + 0.0722B 。本ツールは各文字セルの平均輝度計算にこの式を採用し、人間の目の緑への高い感度を反映して、単純な RGB 平均より視覚に近い結果を得ています。
Canvas ピクセルサンプリング: HTML5 Canvas の getImageData() API で各ピクセルの RGBA 値を読み取る手法。本ツールは各文字セル内のピクセルを平均し、BT.709 重み付けを適用して、選択したランプの対応位置へマッピングします。
文字密度グラデーション: ランプ内で最も密な文字から最も疎な文字までの段階数。シンプルは 10、詳細は 70、ブロックは 8 段階。段階が多いほどトーン遷移が滑らか、少ないほど高速で抽象的な出力になります。3 種のランプで高速プレビューから肖像画級までをカバーします。
縦横比を維持する: 元画像の幅と高さの比率を固定し、アスキーアートが伸び縮みしないよう保つこと。本ツールは既定でオンになっており、幅を変更すると高さが自動換算されます。オフにすれば行数を直接指定できますが、画像は引き伸ばし/圧縮されます。
ターミナルバナー: シェル、SSH セッション、プログラムの起動時に表示されるテキストアートで、SSH ログイン時の歓迎メッセージ、起動画面、CI/CD ログヘッダーなどに使われます。アスキーアートはその古典的形態で、figlet や toilet などのツールで生成されるのが一般的。本ツールはブラウザで動く軽量な代替です。

3 種内蔵 + カスタム文字セット一覧

文字セット名	文字列(暗→明)	密度段階	主な用途
シンプル 10 文字	`@%#*+=-:.`	10 段階	高速プレビュー、ロゴ、絵文字
詳細 70 文字	$@B%8&WM#*oahkbdpqwmZO0QLCJUYXzcvunxrjft/\\|()1{}[]?-_+~<>i!lI;:,"^`'.	70 段階	肖像画、アート、繊細な表現
ブロック文字	`▏▎▍▌▋▊▉█`	8 段階	カラーターミナル、カラー書き出し
カスタム(2-30 文字)	`ユーザー入力 2-30 文字`	ユーザー指定	個性派スタイル、テーマアート

アスキーアートとビットマップの特性比較

項目	アスキーアート	ビットマップ (PNG/JPG)
構成要素	Unicode 文字	ピクセル
スケーラビリティ	ターミナル/フォントで自在に拡大	ぼやけ・ギザつき
色対応	カラー版はブロック文字で色塊保持	フル RGB
ファイルサイズ	通常 1-10 KB テキスト	数 KB 〜数十 MB
編集方法	メモ帳 / Vim	画像編集ソフト必要
用途	コードコメント、バナー、アバター	写真、Web 挿絵