本文へスキップ
Moriqa
Moriqa を支援ログイン

エディター

スプライトとタイル

ドット絵とカラー

画像を編集

画像を変換

AI

Moriqa

画像→ドット絵コンバーター

どんな写真、絵、ロゴでも、選んだピクセルサイズ、色、ディザリングで本物のドット絵に変換します。画像がデバイスの外に出ることはありません。

お使いのデバイス上で作成します。画像がアップロードされることはありません。

  • アップロードなし
  • 定番のパレット
  • 複数の画像を一度に

仕組み

画像をドット絵に変換する方法

  1. ステップ 1: 画像を追加

    写真、イラスト、ロゴを選択、ドロップ、または貼り付けます。フォルダーごとでも構いません。

  2. ステップ 2: サイズと色を選ぶ

    横幅のピクセル数、使う色数、ディザリングのスタイルを選びます。

  3. ステップ 3: PNG をダウンロード

    実際のピクセルサイズのまま、またはくっきりした四角いピクセルで拡大して保存します。

画像をドット絵に変換

ぼやけたフィルターではない、本物のドット絵

  • 本物のピクセル

    各ピクセルは 1 色のベタ塗りで、拡大したコピーもくっきりした四角い輪郭を保ちます。

  • 賢い色選び

    画像から最適な色を選びます。PICO-8、Game Boy、グレースケールも使えます。

  • ディザリング

    パターンディザと拡散ディザが色を混ぜ合わせ、グラデーションや陰影を表現します。

  • アップロードなし

    すべてブラウザー内で処理されるため、画像はお使いのデバイスに残ります。

詳しく見る

画像からすてきなドット絵を作るには

変換のしくみ

まず、画像を選んだピクセル数まで縮小し、元画像の各ブロックを平均して 1 ピクセルにします。次に、色数を画像そのものから選んだ小さなパレットまで減らし、すべてのピクセルを最も近いパレットの色で描き直します。

結果は本物のドット絵です。各ピクセルが単一のベタ色なので、ぼやけずに拡大でき、ピクセル単位で編集することもできます。

きれいに仕上げるコツ

  • 幅: 32〜64 ピクセルなら力強いクラシックな見た目に、128 以上ならより多くのディテールが残ります。
  • カラー: 8〜16 色が手描きのドット絵に最も近い見た目になります。なめらかなグラデーションのある写真は 32 色必要な場合があります。
  • 被写体がはっきりしたシンプルな画像が最もうまく変換できます。先に被写体の近くで切り抜いておくと大きく違います。
  • 透明な PNG は透明のまま保たれるので、キャラクターやアイコンに最適です。

パレットとディザリング

パレット

「画像から」は最適な色を自動で選びます。「グレースケール」「白黒」、PICO-8、ゲームボーイは、レトロな見た目のために決まった色のセットを使います。

ディザリング

ディザリングは、2 色の点を混ぜて 3 つ目の色に見せる手法です。「パターン」はクラシックなゲームのような規則的な市松模様に、「拡散」は点を散らしてよりなめらかなグラデーションにします。「なし」は色をベタ塗りのまま保ちます。

画像をドット絵に変換

よくある質問

画像はどこかにアップロードされますか?

いいえ。すべてお使いのデバイス上のブラウザーで実行されます。画像が Moriqa やほかの誰かに送信されることはなく、ページを閉じたあとは何も残りません。

写真をドット絵にするには?

写真を追加し、64 ピクセルなどの幅と 16 などの色数を選んで、PNG をダウンロードします。設定を変えるたびにプレビューが更新されます。

ドット絵はどのくらいのサイズにすべきですか?

クラシックなゲームのスプライトは幅 16〜64 ピクセルです。ドット絵のポートレートや風景なら、幅 64〜128 ピクセルから始めるとよいでしょう。

ダウンロードした画像がピクセルサイズより大きいのはなぜですか?

既定では、ドット絵は各ピクセルをくっきりした正方形に保ったまま元のサイズ近くまで拡大されるので、共有したときにきれいに見えます。小さな原寸のままにするには「実際のピクセル (1×)」を選んでください。

あとでドット絵を編集できますか?

はい。「Moriqa で編集」を選ぶとエディターで開き、ピクセルを 1 つずつ直したり、アウトラインを加えたり、アニメーションにしたりできます。

複数の画像を同じ設定で変換できますか?

はい。好きなだけ画像を追加できます。すべて同じピクセルサイズとパレットが使われ、ZIP でまとめてダウンロードできます。

自分のドット絵を描いてみませんか?

Moriqa のドット絵エディターを開いて、スプライトを描き、整え、アニメーションにしましょう。ブラウザーで無料。