画像からASCIIアートへの変換器

画像からASCIIアートへの変換器は、写真、アイコン、ロゴ、手描きのスケッチにいたるまで、あらゆる画像を一瞬で文字や記号、Unicode文字で構成された純粋なテキストアートへと変換できる電卓ツールです。HTML5のCanvas APIを使用し、すべてお使いのブラウザ内だけで処理を行うため、画像ファイルが外部に送信されることはなく、設定を調整するとその場で瞬時に変換結果が反映されます。7種類のキャラクターランプからの選択、幅・明るさ・コントラスト・カラーの調整に対応しており、生成されたASCIIテキストはワンクリックでコピーしたり、.txtファイルや.png画像としてダウンロードしたりすることができます。

当電卓ツールの特徴

使い方

1. 画像をアップロードする：ファイルをドロップエリアにドラッグ＆ドロップするか、クリックしてファイルを選択、またはクリップボードから貼り付け（Ctrl+V）します。組み込みのサンプルを選択して動きを確認することもできます。
2. キャラクターランプを選ぶ：ほとんどの写真には「標準」が適しています。「詳細」を選ぶとより細かいグラデーションを表現できます。ロゴやピクセルアートには「ブロック陰影」が最適です。「点字」や「数字」を選ぶとスタイリッシュな見た目に仕上がります。
3. 出力を微調整する：幅スライダーで解像度を調整します（文字数が多いほど鮮明になりますが出力サイズは大きくなります）。明るさ、コントラスト、反転オプションを使って、明るい画像や暗い画像のディテールを綺麗に引き出します。
4. カラーモードを選ぶ：「モノクロ」（プレーンテキスト）は単色のテキストになり、どこにでも綺麗に貼り付けられます。「カラー」（画像の色を保持）は、元画像の対応するピクセルの色で各文字を着色します。「グレースケール」は、各文字の明るさに基づいてグレーの濃淡で着色します。
5. コピーまたはダウンロード：「テキストをコピー」をクリックしてクリップボードにコピーするか、「.txtをダウンロード」でファイルとして保存、または「.pngをダウンロード」で画像としてエクスポートして共有できます。

ASCIIアート変換の仕組み

画像のすべてのピクセルは、luminance = 0.299·R + 0.587·G + 0.114·B（ITU-R BT.601輝度公式）という計算式を用いて、赤・緑・青の成分から算出された輝度（明るさ）を持っています。この電卓は、指定された出力幅に基づいて画像をサンプリングし、各サンプルの輝度を計算して、明るい順（または暗い順）に並べられたキャラクターランプにマッピングします。一般的な等幅フォント（モノスペース文字）は横幅に比べて縦幅が約2倍あるため、コード用フォントで表示した際にオリジナルの縦横比が綺麗に維持されるよう、変換時に行数を自動的に半分に縮小しています。

より綺麗なASCIIアートを作るためのコツ

• コントラストの高い画像を使う：顔、シルエット、ロゴなど、明暗の境界がはっきりしている画像ほど綺麗に変換できます。
• 余白をトリミングする：無駄な背景をカットすることで、限られた文字数を背景ではなく被写体の描写に集中させることができます。
• まずは幅80から始める：大まかな見た目を確認し、ディテールにこだわりたい場合は120や200へと徐々に数値を上げてみてください。
• 明るい背景には「反転」を使用する：白いページや背景にASCIIアートを貼り付ける予定がある場合は、「反転」を有効にすると、暗い文字で被写体が描かれるようになります。
• 暗い写真のコントラストを上げる：コントラストスライダーを +30 から +60 あたりにスライドさせると、潰れてしまいがちつな中間トーンを綺麗に救出できます。

ASCIIアートの活用場所

ASCIIアートは、等幅フォントが維持されるあらゆる場所で活躍します。GitHubのREADMEファイル、DiscordやSlackのコードブロック（```で囲む）、ターミナルのバナー（catやechoコマンド用）、メールの署名、レトロなウェブページ、ソースコードのコメント、ログイン時のMOTD（今日のメッセージ）、印刷されたポスターなど。なお、Twitter（X）やFacebookなど、空白文字が自動的に詰められてしまうプラットフォームで使用する場合は、レイアウトが崩れないよう「.pngをダウンロード」オプションを使って画像として共有してください。

プライバシーと安全性能について

この電卓ツールは完全にクライアントサイド（お使いのブラウザ上）で動作します。<input type="file">要素がファイルをブラウザに直接読み込み、Canvas APIがローカルでピクセルデータを抽出します。ASCII文字列を構築するJavaScriptプログラムが、画像データを含んだネットワークリクエストを外部に送信することは一切ありません。ブラウザの開発者ツールで「ネットワーク」パネルを開いた状態で変換を行っても、アップロード通信が一切発生しないことでこれを確認・検証していただけます。

FAQ

画像はサーバーにアップロードされますか？

いいえ。画像からASCIIアートへの変換器は100%クライアントサイドで動作します。画像はお使いのブラウザ内で読み込まれ、Canvas APIで処理されるため、ネットワークを介して送信されることはありません。

どの画像フォーマットに対応していますか？

お使いのブラウザで表示できるすべてのフォーマット（PNG、JPG、GIF（最初のフレーム）、WebP、BMP、SVG）に対応しています。アニメーションGIFは最初のフレームが変換対象となります。

ASCII出力が縦に伸びてしまうのはなぜですか？

等幅フォントの文字は、通常、幅の約2倍の高さがあります。当電卓はそれを補正するために行数を自動的に半分にするため、等幅フォントで表示した際にオリジナルのアスペクト比を維持できるようになっています。ただし、極端に比率の異なる特殊なフォントに貼り付けた場合は、若干の伸び縮みが発生することがあります。

どのキャラクターランプが最適ですか？

写真やポートレートには、通常の「標準（10段階）」ランプが最もバランスが良くおすすめです。より細かい陰影やグラデーションを表現したい場合は「詳細（70文字）」ランプをお試しください。ロゴやピクセルアートには「ブロック陰影」が適しています。ライブプレビューを見ながら、お好みの見た目を探してみてください。

ASCII出力をSNSやメールで使用できますか？

はい。テキストをコピーして、コードブロック、ターミナル、Discordのコードフェンス、プレーンテキストのメールなど、等幅フォントが使われている場所ならどこにでも貼り付けられます。空白文字（スペース）が詰められてしまうSNS等のプラットフォームでは、「.pngをダウンロード」オプションを使用して画像ファイルとして保存したものを共有してください。

ASCIIアートを画像としてエクスポートできますか？

はい。「.pngをダウンロード」をクリックすると、等幅書式に対応していない環境でも崩れずに共有できるよう、ASCIIアートをPNG画像として保存できます。

どれくらい大きな画像まで変換できますか？

一辺が数千ピクセル規模の画像でも問題なく処理可能です。ただし、すべての処理がお使いのブラウザ上（JavaScript）で行われるため、極端に大きな画像の場合は一時的にタブの動作が重くなることがあります。ツールの応答性を保つため、出力幅の上限は300文字に制限されています。