AI · LAB · ARCADE · ROLL 19 · MMXXVI
DotCraft
写真 を ドット絵 / ピクセルアート に 変換する 無料 ツール。
レトロ パレット へ の 減色 と ディザリング を、 すべて 端末内 で。
Game Boy · NES · PICO-8 · CGA · Adaptive Palette
▶ ▶ ▶ PRESS START ◀ ◀ ◀
HOW IT WORKS
ドット絵 化 の 4 工程
01 · PIXELATE
解像度 を 落とす
STEP I — ダウンサンプル
ドット絵 の 第一歩 は 「解像度 を 大胆 に 落とす」 こと。 DotCraft は 元 写真 を、 指定 した ドット解像度 (長辺 16〜128 セル) の グリッド に ボックス平均 で 縮小 する。 各 ドット は 元 画像 の 対応 ブロック 内 の 全 ピクセル の 平均色 に なる ため、 単純 な 間引き より なめらか で 破綻 しにくい。 この 段階 で 写真 は すでに 粗い モザイク に なり、 ピクセルアート の 骨格 が 決まる。
02 · QUANTIZE
色 を 減らす
STEP II — 減色 / パレット
本物 の レトロ ゲーム機 は 同時 発色数 が 厳しく 制限 されていた。 DotCraft は その 制約 を 再現 する。 ゲームボーイ (緑 4 階調) / ファミコン (16 色) / PICO-8 (16 色) / CGA (4 色) / 白黒 1bit の 固定 パレット へ、 各 ドット を 重み付き ユークリッド距離 で 最も 近い 色 に 割り当てる。 「自動パレット」 モード を 選べば、 メディアンカット 法 で 写真 自身 の 色 から 2〜32 色 の 最適 パレット を 生成 する。
03 · DITHER
ディザ を かける
STEP III — ディザリング
色 が 少ない ほど、 グラデーション は のっぺり した 縞 (バンディング) に なる。 これ を 防ぐ のが ディザリング。 DotCraft は Bayer 4×4 の 順序ディザ (規則的 な 網点 で レトロ感 を 強調) と Floyd-Steinberg 誤差拡散 (隣 の ドット に 誤差 を ばらまき、 滑らか に 見せる) の 2 方式 を 切替 できる。 オフ に すれば ベタ塗り の くっきり した 仕上がり に なる。
04 · TRUST
端末内 で 完結
STEP IV — プライバシー
投入 した 写真、 生成 した ドット絵、 出力 した PNG — その すべて が、 あなた の ブラウザ の JavaScript の 中 だけ で 処理 される。 サーバー に は 一文字 も 送信 されない (開発者ツール の Network タブ で 確認 できる)。 機械学習 モデル の ダウンロード も ゼロ。 顔写真 / 子供 の 写真 / 仕事 の スクショ を 入れても 第三者 に 渡る 経路 が 構造上 存在 しない。 SNS アイコン / ゲーム 素材 / レトロ 加工 に 自由 に 使える。
CONTINUE? — FAQ
よく ある 質問
Q1
写真 から どれくらい ドット絵 っぽく なる?
ドット解像度 を 下げる ほど (例: 長辺 32〜48 セル)、 色数 を 絞る ほど (ゲームボーイ 4 色 / CGA 4 色) レトロゲーム らしい ドット絵 に なる。 逆 に 解像度 を 上げ (96〜128)、 自動パレット 16〜32 色 に すれば、 写真 の 雰囲気 を 残した 上品 な ピクセル化 に なる。 まず プリセット を 選び、 そこから スライダー で 追い込む の が 速い。
Q2
顔写真 を 投げて 大丈夫?
問題ない。 全 処理 が ブラウザ内 で 完結 し、 サーバー に 送信 されない。 開発者ツール の Network タブ で 通信 ゼロ を 確認 できる。 LocalStorage / IndexedDB にも 保存 しない 設計 なので、 タブ を 閉じた 時点 で 画像 の 痕跡 は 完全 に 消える。
Q3
パレット は どれを 選べばいい?
迷ったら 「自動パレット」 が 失敗 しにくい (写真 の 色 から 自動 抽出)。 強い レトロ感 が 欲しい なら ゲームボーイ (緑 単色) / CGA (シアン・マゼンタ)、 ゲーム の キャラ素材 風 なら ファミコン / PICO-8 が 向く。 白黒 1bit は 誤差拡散 ディザ と 組み合わせる と 版画 / 新聞 写真 風 に なる。
Q4
ディザ の Bayer と Floyd は 何が 違う?
Bayer (順序ディザ) は 4×4 の 規則的 な 網点 パターン で、 いかにも 「8bit / レトロ」 な 機械的 な 質感 に なる。 Floyd-Steinberg (誤差拡散) は 各 ドット の 誤差 を 隣 に ばらまく ため、 少ない 色 でも 滑らか で 自然 に 見える。 ベタ塗り の くっきり 感 が 欲しい なら 「なし」 を 選ぶ。
Q5
出力 を 大きく 保存 できる?
「PNG 保存 (×8)」 は 各 ドット を 8×8 ピクセル に 拡大 した くっきり 画像 を 書き出す (ニアレストネイバー 拡大 なので にじまない)。 「原寸 (×1)」 は ドット数 そのまま の 小さな PNG で、 ゲーム エンジン に 取り込む スプライト 素材 に 向く。 どちら も 端末内 で 生成 する。
Q6
ai-lab の 他 サービス と の 関係 は?
画像 処理 シリーズ の 19 本目。 写真 → 絵画 6 スタイル の brush-shift、 写真 → 漫画化 の manga-snap と 並ぶ 「写真 を アート に 変換」 ライン の 3 本目 (ドット絵 軸)。 pic-flip で HEIC → PNG に 変換 し、 bg-snap で 背景 透過 した 後、 DotCraft で ドット絵 化 する、 という 横串 の 流れ も 自然。
Q7
AI モデル を 使っていますか?
使っていない。 ボックス平均 ダウンサンプル + 重み付き 最近傍 減色 + メディアンカット + Bayer / Floyd-Steinberg ディザ の 古典 画像処理 だけ で ドット絵 化 が 成立 する 設計。 そのため (a) WebGPU / ONNX 不要、 (b) モデル の ダウンロード ゼロ、 (c) 古い PC / モバイル でも 動作、 (d) 完全 オフライン で 動く。