画像 → ASCII アート変換
画像を文字の濃淡で表現する ASCII アートに変換。5種の文字セット、カラー/白黒、反転、横幅調整、テキスト/HTML/PNG 書き出し対応。JPEG・PNG・WebP静止画をブラウザ内で処理。
画像 → ASCII アート変換について
ASCII アート変換ツールとは
アップロードした画像を、文字の濃淡で表現するASCII アートに変換するツールです。1960年代のテレタイプ端末時代から存在する技術的な伝統を、モダンな Canvas 2D API で実装しました。
画像の読込・変換・書き出しはブラウザ内で行い、変換対象の画像データをサーバーへ送信しません。
アルゴリズム
- 画像を Canvas に描画
- 指定幅 × 縦圧縮率で縮小サンプリング (フォントのアスペクト比考慮)
- 各ピクセルの輝度計算: Y = 0.299R + 0.587G + 0.114B (ITU-R BT.601)
- 輝度 (0-255) を文字セット (密→疎 の順序) のインデックスにマッピング
- 行ごとに連結して出力
5種類の文字セット
| セット | 特徴 |
|---|---|
| クラシック (69文字) | $@B%8...の伝統的な濃淡グラデ。最も階調豊か |
| シンプル (10文字) | @%#*+=-:. — 読みやすく情報量バランス◎ |
| ブロック (Unicode) | █▓▒░ — ピクセル感、面塗り用途 |
| 極シンプル | #+-. — 5文字のみ、アート性重視 |
| カタカナ | ン゚ミシヲ... — 日本語的風味 |
コツ — 綺麗に変換するには
- 輪郭がはっきりした画像が最適 (顔写真、シンプルなロゴ、シルエット)
- 背景はシンプルが理想 (複雑な背景はノイズに埋もれる)
- 横幅は 80〜120文字が見やすい目安です。細部を見る場合は160〜240文字へ調整できますが、極端に縦長の画像は最大60,000文字・640行の出力上限により変換できない場合があります
- 縦圧縮率 0.5 がモノスペースフォントに最適、0.4〜0.6 で調整
- 画像が暗いと感じたら「反転」オン
- カラーモードの色情報はプレビュー・HTML・PNGに反映されます。TXTとクリップボードは文字だけを出力します
出力形式
- テキスト (.txt): プレーンな文字のみ、メール・掲示板・SNS向け
- HTML (.html): カラーモード時、各文字に色情報を付けた HTML
- PNG (.png): Canvas 描画した画像、SNS 投稿や印刷用
- クリップボードコピー: ワンクリックでテキストをコピー
よくある質問
- Q. 商用利用や SNS 投稿に使えますか?
- 本ツールは生成物の利用方法を制限しません。ただし、元画像や生成結果に含まれる著作物・商標・人物について必要な権利や許諾は利用者自身で確認してください。
- Q. 処理は本当にブラウザ内だけですか?
- はい。画像処理のすべてが Canvas 2D API を使ったクライアントサイド JavaScript で実行されます。画像データは変換処理のためにサーバーへ送信されません。ページ表示後のツール処理はブラウザ内で完結します。
- Q. 出力結果がつぶれて見えます
- 「縦圧縮率」を 0.5 前後に調整してみてください。モノスペースフォント (Courier New 等) は横幅が縦の約半分なので、0.5 が基本値です。また、表示先のフォントによっては 0.45〜0.55 の微調整が必要な場合があります。
- Q. アニメーション画像 (GIF) も変換できますか?
- 現バージョンはJPEG・PNG・WebPの静止画に対応しています。GIF、アニメーションPNG、アニメーションWebPは変換できません。静止画へ書き出してから選択してください。
関連記事
ピクセルアートの歴史と技法 ― 1957年の最初のデジタル画像からファミコン、現代インディーゲームまで
Russell Kirschの世界初のデジタル画像(1957年)からアーケードゲーム、ファミコン/ゲームボーイのハードウェア制約、ディザリングやセルアウトなどのドット絵技法、そしてUndertale・Celesteに至る現代のピクセルアート復興まで。技術仕様と制作ノウハウを徹底解説します。
画像のディザリング — Floyd-Steinberg 1976 から GIF 256 色・ASCII アートの量子化まで
GIF が 256 色制限なのに自然なグラデーションに見え、ASCII アートが 70 文字で 256 階調を表現できる秘密は「ディザリング」にあります。1973 年の Bayer 行列、1976 年の Floyd-Steinberg 拡散誤差法、Atkinson、Stucki、Sierra 系列まで — 半世紀続くアルゴリズムの数学を一次資料で整理します。
関連ツール
画像から GIF アニメ作成ツール
JPEG・PNG・WebPを1回40候補まで確認し、最大20枚並べてGIFアニメを作成。表示時間、2値透過、繰り返し、品質、収める・切り抜く・引き伸ばす配置を調整でき、処理はブラウザ内で完結。
画像フォーマット変換
8形式の画像をJPEG・PNG・WebP・AVIF・TIFF・GIFへ変換。最大20件・入力合計200MBの順次変換、品質調整、個別・ZIPダウンロードに対応。アニメーションと複数ページは先頭のみ。
4コマ漫画メーカー (画像フィルタ + 吹き出し配置)
静止JPEG・PNG・WebPを重ねて4コマ漫画を作るブラウザ内エディタ。4種の画像フィルタ、線・色・尻尾を調整できる10種の吹き出し、台詞・単独テキストの欠け防止、レイヤー管理、スマホ編集、1440×4760px PNG書き出しに対応。


