ドット絵変換

写真やアイコン、ロゴをレトロなドット絵にします。横のブロック数を決め、元の色のままにするか数色に減らすかを選べます。Game Boy の 4 色の緑や PICO-8 のパレットも使え、くっきりした PNG でダウンロードできます。グリッド線と色ごとの数を表示すれば、アイロンビーズやクロスステッチの図案としても使えます。

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

使い方

画像を選択します。
「ブロック数 (横)」をドラッグします。ブロック数が少ないほど粗く、レトロな雰囲気になります。
色を選びます。ビーズやクロスステッチの図案が必要なら、グリッド線を表示します。
ダウンロード時のブロックサイズを設定し、「PNG をダウンロード」をクリックします。

オプションの説明

ブロック数 (横): 画像の横に並ぶブロックの数です。高さは画像の縦横比に合わせて決まります。
色数を制限: 画像自体から最適な 4〜64 色を選びます（メディアンカット法）。よりフラットで、ポスターのような仕上がりになります。
色ごとのブロック数: 各色に使われているブロックの数です。ビーズや糸を買うときに役立ちます。

グリッドサイズとパレット

画像は ブロック数 (横) の列に分けられ、各ブロックは覆っているピクセルの平均色になります。行数は画像の縦横比から決まります。行数 = 高さ ÷ (幅 ÷ ブロック数) を丸めた値です。640 × 480 の写真を初期値の 48 ブロックにすると 48 × 36 ブロックになり、ダウンロード時のブロックサイズが既定の 12 px なら 576 × 432 px でダウンロードされます。ほとんど透明なブロックは透明のままです。グリッド線が描かれるのは、ブロックサイズが 4 px 以上のときだけです。

固定パレットでは、各ブロックが最も近いパレットの色に置き換えられます。目は緑に最も敏感なので、緑の重みが最も大きくなります。

「色」の選択肢	色
元の色	各ブロックの平均色。制限なし
色数を制限	画像から選んだ 4、8、16、32、64 色
Game Boy (4 色の緑)	`#0f380f` `#306230` `#8bac0f` `#9bbc0f`
PICO-8 (16 色)	`#000000` `#1d2b53` `#7e2553` `#008751` `#ab5236` `#5f574f` `#c2c3c7` `#fff1e8` `#ff004d` `#ffa300` `#ffec27` `#00e436` `#29adff` `#83769c` `#ff77a8` `#ffccaa`
白黒	`#000000` `#ffffff`
4 階調のグレー	`#000000` `#555555` `#aaaaaa` `#ffffff`

よくある質問

昔のゲーム画面に近づけるにはどんな設定がいいですか？

横 32〜64 ブロックで PICO-8 または Game Boy のパレットを使うか、8〜16 色に制限してみてください。背景が単色のシンプルな画像がきれいに仕上がります。

ダウンロードした画像がぼやけず、くっきりしているのはなぜですか？

各ブロックは、選んだサイズのベタ塗りの正方形として描かれるため、くっきりしたままです。ほかのソフトで拡大するときは、輪郭を保つために「ニアレストネイバー」で拡大してください。

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

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

プライバシー

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