はじめる

スプライト → タイル → マップ · Godot · Unity · Phaser 書き出し · 写真 → ドット絵をワンクリックで

無料 · 登録不要 · ブラウザで動作

ドット絵を作る数秒で。

スプライトを描き、タイルセットを作り、タイルマップを塗り、Godot・Unity・Phaser にそのまま使える形で書き出せます。写真を変換したり、みんなのテンプレートをリミックスするだけでもOK。すべて無料、ブラウザの中で。

週間チャレンジDesert Caravan3 days left · 0 entries · Join →

Simple Pixel Art

価格無料登録なし動作環境ブラウザ書き出しPNG

Simple Pixel Artは、誰でも使える無料のオンライン・ドット絵メーカーです。趣味の人も、ゲーム開発者も、まったくの初心者も。ゼロからスプライトを描き、写真をドット絵に変え、コミュニティのテンプレートをリミックスして、共有したりダウンロードしたりできます。インストール不要、アカウント不要、学習コストもありません。

ヒント

はじめてですか?上のギャラリーから好きな作品を開いて編集してみてください。1分かからず最初の1枚を公開できます。

始め方は3通り

  1. ゼロから描く — エディタを開き、8×8〜64×64のキャンバスを選んで、1ピクセルずつ描いていきます。
  2. 写真を変換する — コンバータに画像をドロップし、解像度とパレットを納得いくまで調整します。
  3. テンプレートをリミックスする — ギャラリーを眺めて、好きな作品をそのままエディタで開きます。
  4. パレットから始める — カラーパレットをひとつ選び、決まった色の中だけで描きます。多くのドット絵はこの作り方です。

ゲーム開発者のために

ゲーム素材のパイプラインがひと通り、ここで完結します。

  1. スプライトを描く — エディタで。レイヤー、タグ付きアニメーションフレーム、ミラー、アイソメトリックモード。
  2. タイルセットを作る — シートを切り分けるかタイルを描き、タイルセットエディタのオートタイルで地形のバリエーションを生成します。
  3. タイルマップを描く — タイルマップエディタで、レイヤーと地形ブラシを使ったグリッドまたはアイソメトリックのマップを。
  4. ゲームですぐ使える書き出し — Phaser、Unity、Godot向けのAsepriteフォーマットJSON付きスプライトシート、Godotの.tresとTiledの.tsxタイルセット、そしてPhaserとTiledがそのまま読めるTiled .tmjのマップ。

できること

  • 本格エディタ — ブラシ、消しゴム、塗りつぶし、選択範囲、レイヤー、無制限の取り消し/やり直し。
  • アニメーション — タグ付きのコマ撮り、オニオンスキン、GIFとスプライトシートの書き出し。
  • ミラー描画 — 左右対称のキャラクターやアイコンを半分の時間で。
  • パレット管理 — カラーパレットを作り、保存し、キャンバス全体で入れ替えられます。
  • 写真からドット絵へ — 解像度と色数を調整できるワンクリック変換。
  • タイルセットとタイルマップ — 地形をオートタイルして、グリッドやアイソメトリックの情景を組み立てます。
  • 週間チャレンジ ——毎週新しい 毎週のお題。優秀作はコミュニティの投票で決まります。
  • どこへでも書き出し — ゲーム、NFT、アバター、印刷などに使えるきれいなPNG。

よく使うキャンバスサイズ

プリセットから始める — 8x810x1012x1213x1315x1516x1618x1820x2024x2432x32.

ドット絵は初めて?

まずは かんたんドット絵 ——小さなグリッド、3色、そして10分ほどで読み取れるスプライトが仕上がる4ステップ。あるいは ドット絵エディタ を直接開いて、無料でドット絵を描き始めてください。

よくある質問

Simple Pixel Artを使う理由は?

ドット絵は誰でも数秒で描けるべきです。インストールもアカウントも学習コストも要りません。テンプレートを選んでリミックスするか、写真をワンクリックでドット絵に変換できます。本格的に作り込むなら、エディタにはレイヤー、ミラー描画、選択範囲、パレット管理が揃っています。

すべてブラウザ上で動きます。未ログイン時は端末内に自動保存され、Googleでログインするとクラウドへ同期されます。

ドット絵とは?

ドット絵(ピクセルアート)は、デジタル画像の最小単位であるピクセル単位で描いて編集するデジタルアートです。1970〜80年代の初期ビデオゲームから生まれ、その明快さ、愛嬌、懐かしさで親しまれる表現になりました。一つひとつのドットを意図して置くため、最小限の道具で完全にコントロールできます。

どうやって始めればいい?

最初の一枚への道は3つ:

  • テンプレートをリミックス。ホームのライブラリを見て、好きな作品をクリックするとエディタで開きます。
  • 写真を変換。画像→ドット絵コンバータで、サイズとパレットを調整しながら写真をドット絵にします。
  • 白紙から描く。エディタを開き、8×8〜64×64からキャンバスサイズを選んで描き始めます。
Simple Pixel Artは無料ですか?

はい。Simple Pixel Artは完全無料です。透かしなし、登録なし、ダウンロード不要。

アカウントは必要ですか?

いいえ。アカウントなしで描画・変換・ダウンロードができます。公開したり端末間で同期したい場合だけGoogleでログインしてください。

作ったものを販売・利用できますか?

はい。ここで作ったドット絵の権利はあなたのものです。ゲーム、NFTコレクション、プロフィールアイコン、グッズなど自由に使えます。

上手なドット絵を描くコツは?
  • 小さく始める。学ぶなら16×16か32×32が最適。64×64など大きいキャンバスはより細かく描けます。
  • 色数を絞る。優れたドット絵はたいてい16色未満。制約が判断を生み、まとまりを保ちます。
  • まずシルエットから。強いシルエットはどんなサイズでも読み取れます。
  • ディザで陰影を。2色を市松に交互置きすれば、色を増やさずグラデーションを擬似的に作れます。
  • ミラーツールを使う。キャラやアイコンなど左右対称のものは、左右ミラーで両側を同時に描けます。
  • こまめに引いて見る。等倍で頻繁に確認を。拡大時に映えるディテールはたいてい消えます。
ドット絵は何に使われる?
  • ゲーム開発 — インディーゲームのスプライト、タイルセット、UI、背景。
  • NFT・コレクタブル — デジタル所有を象徴する定番フォーマットに。
  • アバター・アイコン — Discordやサブカル系SNS、各種コミュニティで人気。
  • アニメーション — ゲーム、Webグラフィック、短いクリップ向けのコマ撮り。
  • グッズ・印刷 — 整った幾何なので衣類、ステッカー、ポスター、缶バッジに綺麗に載ります。
  • 教育 — デザインの基礎、色彩理論、発想力を学ぶ題材として学校やスクールで使われています。