Nouplo

画像をアスキーアートに変換

文字でできた絵。

ここにファイルをドロップ

またはクリックして端末から選択対応形式: JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP, HEIC, HEIF

1回あたり3ファイルまで1ファイル20 MBまで1日5回までProで制限を解除✓ オフラインでも利用可能

ファイルは端末の外に出ません

このツールはブラウザ内だけで動作します。アップロードも保存も行わないため、処理を始める前にインターネット接続を切っても問題ありません。

使用例

例:1200 × 800の風景イラストを横80文字に、授業で作るWebページに

高校の「情報I」の授業でWebページを作っている生徒が、トップに文字の絵を入れることにしました。使うのは「風景.png」、1200 × 800ピクセルのイラスト:雪の山、太陽、湖、松の木の間の赤い小屋。設定は初期設定のまま、横の文字数80、使う文字「標準( .:-=+*#%@ )」、「黒い背景用」はオフ。

例:1200 × 800の風景イラストを横80文字に、授業で作るWebページに — 処理前
処理前
例:1200 × 800の風景イラストを横80文字に、授業で作るWebページに — 処理後
処理後
  1. 画像を横80列・縦27行に分けます。形からは53行ですが、文字は幅の約2倍の高さがあるので半分にしています。
  2. マスごとの明るさの平均で文字を選びます。白はスペース、いちばん暗いところは @ で、明るい空には軽い記号、暗い松の木や草には * や # などの濃い文字が並びます。
  3. どの行もちょうど80文字(行末のスペースも含む)。HTMLの pre 要素の中は等幅フォントで表示されるので、そのまま貼っても形が崩れません。
横の文字数 風景 1200 × 800 スマホ写真・横 4032 × 3024 スマホ写真・縦 3024 × 4032
40 13行15行27行
60 20行23行40行
80 27行30行53行
100 33行38行67行
120 40行45行80行

「風景-アスキーアート.txt」(80文字 × 27行)と、同じ文字を白地に黒で描いた「風景-アスキーアート.png」ができます。ターミナルなど黒い背景で見るときは「黒い背景用」にすると、明暗が反転します。

使い方

  1. コントラストのはっきりした画像を追加します。
  2. 横の文字数を選びます。
  3. ターミナルなど黒い背景で見るなら「黒い背景用」に。
  4. 変換して、テキストをコピーするかダウンロードします。

よくある質問

メモ帳でずれるのはなぜ?
アスキーアートは等幅フォントでないと揃いません。コードブロックやターミナル、等幅フォントに貼り付けてください。
「ブロック」がずれるのはなぜ?
░▒▓█ は、日本語のフォントでは全角の幅で表示されることがあります。そのときは「標準」か「細かい」を選ぶと、半角の記号だけで描くのでずれません。
全角文字や線で描く日本式のAAになりますか?
なりません。半角の記号の濃さで明るさを表す方式で、全角のカタカナや罫線で輪郭を描くAAは作りません。そのぶん、等幅フォントならどの環境でも形が保たれます。
横の文字数はいくつにすればいいですか?
貼る場所の幅で決めます。ターミナルなら横80文字が標準的です。行数は画像の縦横比で決まり、スマホの横長写真(4032 × 3024)なら80文字で30行、縦長写真なら53行になります。細部まで出したいときは120文字以上にします。
画像はアップロードされますか?
いいえ。ブラウザの中で変換します。

関連ツール