N2
NanToo
エンタメ・趣味

画像 → ASCII アート変換

画像を文字の濃淡で表現する ASCII アートに変換。5種の文字セット、カラー/白黒、反転、横幅調整、テキスト/HTML/PNG 書き出し対応。ブラウザ完結、依存ライブラリなしの独自実装。

画像 → ASCII アート変換について

ASCII アート変換ツールとは

アップロードした画像を、文字の濃淡で表現するASCII アートに変換するツールです。1960年代のテレタイプ端末時代から存在する技術的な伝統を、モダンな Canvas 2D API で実装しました。

すべての処理はブラウザ内で完結し、画像はサーバーに送信されません。依存ライブラリなしのゼロ依存実装です。

アルゴリズム

  1. 画像を Canvas に描画
  2. 指定幅 × 縦圧縮率で縮小サンプリング (フォントのアスペクト比考慮)
  3. 各ピクセルの輝度計算: Y = 0.299R + 0.587G + 0.114B (ITU-R BT.601)
  4. 輝度 (0-255) を文字セット (密→疎 の順序) のインデックスにマッピング
  5. 行ごとに連結して出力

5種類の文字セット

セット 特徴
クラシック (70文字)$@B%8...の伝統的な濃淡グラデ。最も階調豊か
シンプル (10文字)@%#*+=-:. — 読みやすく情報量バランス◎
ブロック (Unicode)█▓▒░ — ピクセル感、面塗り用途
極シンプル#+-. — 5文字のみ、アート性重視
カタカナン゚ミシヲ... — 日本語的風味

コツ — 綺麗に変換するには

  • 輪郭がはっきりした画像が最適 (顔写真、シンプルなロゴ、シルエット)
  • 背景はシンプルが理想 (複雑な背景はノイズに埋もれる)
  • 横幅は 80〜120 文字が見やすいバランス、細部を見るなら 160〜240
  • 縦圧縮率 0.5 がモノスペースフォントに最適、0.4〜0.6 で調整
  • 画像が暗いと感じたら「反転」オン
  • カラーモードはブラウザ表示やHTMLで。テキスト用途は白黒一択

出力形式

  • テキスト (.txt): プレーンな文字のみ、メール・掲示板・Twitter向け
  • HTML (.html): カラーモード時、各文字に色情報を付けた HTML
  • PNG (.png): Canvas 描画した画像、SNS 投稿や印刷用
  • クリップボードコピー: ワンクリックでテキストをコピー

よくある質問

Q. 商用利用や SNS 投稿に使えますか?
ASCII アート自体は1960年代から公知のアイデアで、特許対象ではありません。本ツールで作成したアートは自由に商用利用・SNS投稿可能です。ただし元画像の著作権・肖像権には別途注意してください。
Q. 処理は本当にブラウザ内だけですか?
はい。画像処理のすべてが Canvas 2D API を使ったクライアントサイド JavaScript で実行されます。画像データがサーバーに送信されることは一切ありません。ネットワークを切断した状態でも動作します。
Q. 出力結果がつぶれて見えます
「縦圧縮率」を 0.5 前後に調整してみてください。モノスペースフォント (Courier New 等) は横幅が縦の約半分なので、0.5 が基本値です。また、表示先のフォントによっては 0.45〜0.55 の微調整が必要な場合があります。
Q. アニメーション画像 (GIF) も変換できますか?
現バージョンは静止画のみ対応です。アニメーション GIF は最初のフレームのみが変換対象になります。アニメ ASCII を作りたい場合は、各フレームを個別に変換してから別途結合してください。

関連ツール

このツールを評価
(0件)