ドットグラフィカとは

「ドットグラフィカ」は、手元のイラストや写真をアップロードするだけで、ドット絵・ビーズ図案・アイテムアートなどの「設計図」に変換できる無料のWebツールです。マス目の数と使用する色数を指定すると、画像を自動で解析し、必要な色数に減色したうえでグリッド状に並べ直します。通常の正方形グリッド（□）に加えて、見下ろし型のレトロなロールプレイングゲームに見られるような斜め視点のアイソメトリック表示（◇）にも対応しているのが特徴です。画像のアップロードから設計図の生成まで、すべての処理はお使いのブラウザの中だけで完結し、外部のサーバーに画像が送信されることはありません。

使い方

1. 左側の「画像」欄からイラストや写真をアップロードします（ドラッグ＆ドロップにも対応しています）。
2. 「横のマス数」と「色数」のスライダーで、設計図の粗さと使用する色の数を調整します。マス数を増やすほど元の絵に近い精細な仕上がりに、色数を絞るほどシンプルで作りやすい配色になります。
3. 「設計図の形状」で、通常グリッド（□）かアイソメトリック（◇）かを選びます。アイソメトリックを選ぶと、回転・拡大縮小・縦方向の縮尺が自動的に見やすい値へ切り替わります。
4. 必要に応じて「画像の回転」「画像の拡大・縮小」「画像の縦方向の縮尺」を微調整し、狙った見え方に近づけます。
5. 仕上がりを確認したら、「設計図をPNGで保存」ボタンからグリッド・色の凡例つきの画像として保存できます。

活用シーン

• 見下ろし型の2.5次元マップに配置する、アイテムやオブジェクトのドット絵下絵づくり
• レトロゲーム風のドット絵アイコン・キャラクターアートの制作
• ビーズアート、クロスステッチ、あみぐるみなど、手芸の配色図案づくり
• ドット絵の減色・配色バランスを学ぶための練習素材

きれいに仕上げるコツ

• 背景が単色、またはシルエットがはっきりした画像ほど、きれいな設計図になりやすいです。
• 色数を絞りすぎると輪郭が潰れやすいので、まずは16色前後から試し、必要に応じて増減してください。
• アイソメトリック表示で元絵をまっすぐ見せたいときは、回転を-45°前後、縦方向の縮尺を200%前後から調整すると馴染みやすくなります。
• マス数は32〜64程度から試すと、作りやすさと再現度のバランスが取りやすいです。

よくある質問

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

いいえ。画像の読み込みから設計図の生成まで、すべての処理はブラウザの中だけで行われます。どこにも送信・保存されません。

生成される色や配色は毎回同じになりますか？

はい。同じ画像・同じ設定であれば、生成のたびに色の組み合わせが変わることはなく、常に同じ結果になります。

対応している画像形式は？

JPEGやPNGなど、一般的なブラウザで表示できる画像形式であれば読み込めます。透過PNGの場合、透明部分は設計図上で空白のマスとして扱われます。

生成した設計図を商用利用できますか？

元の画像の著作権・利用条件は、アップロードされた方ご自身でご確認・ご対応ください。生成結果の利用によって生じた問題について、運営者は責任を負いかねます。