本文へスキップ
ToolMug

画像を ASCII アートに変換

写真やロゴ、イラストを文字で描いた絵に変えます。コードのコメントやターミナルのバナー、README、あるいは遊びにも。横の文字数を調整し、文字の種類を選んで、結果をコピーするかテキストファイルや画像として保存できます。

ブラウザ内で動作 — 入力した内容はアップロードされません

または JPG、PNG、WebP の画像をここにドロップ

画像はブラウザー内で処理され、アップロードされません。

使い方

  1. 画像を選択します。背景が単色でコントラストの強い画像がきれいに仕上がります。
  2. 「文字数 (横)」を設定し、使う文字を選びます。
  3. ターミナルのように暗い背景に明るい文字で表示する場合は「暗い背景用 (白黒反転)」にチェックを入れます。
  4. テキストをコピーするか、TXT または PNG でダウンロードします。

オプションの説明

文字数 (横)
1 行あたりの文字数です。文字は幅の約 2 倍の高さがあるため、行数は列数の約半分になります。
使う文字
標準は濃いものから薄いものまで 10 文字、詳細は細かな階調を出す 70 文字、ブロックは █▓▒░ を使います。

画像が文字になる仕組み

画像を小さなブロックに分け、各ブロックの明るさに応じて 1 文字ずつ割り当てます。標準の文字セットは、濃いものから薄いものの順に並んでいます。

@%#*+=-:. 

最も暗い部分は @ に、最も明るい部分は空白になります。「暗い背景用 (白黒反転)」にチェックを入れると順序が逆になり、明るい部分に密度の高い文字が使われるので、黒背景に白い文字のターミナルで正しく見えます。

文字のマスは幅より高さのほうが大きいため、このツールは横 1 ピクセルに対して縦およそ 2 ピクセル分をサンプリングします。正方形の画像を横 80 文字にすると、約 40 行になります。ターミナルや README 向けには 80〜120 文字、PNG として保存する画像ならそれ以上がおすすめです。

よくある質問

つぶれたり、伸びたりして見えるのはなぜですか?

Courier、Consolas、Menlo などの等幅フォントで表示する必要があります。それ以外のフォントでは文字ごとの幅が異なり、絵が崩れてしまいます。

画像がわかりにくいのはなぜですか?

ASCII アートで表せるのは明るさだけです。文字数 (横) を増やす、被写体をぎりぎりまでトリミングする、コントラストの強い画像を使うなどを試してください。

画像はアップロードされますか?

いいえ。すべてお使いのブラウザー内で処理されます。

プライバシー

このツールはすべてブラウザ内で動作します。ファイルやテキストはお使いの端末上で処理され、当サイトのサーバーにアップロードされることはありません。

関連ツール