Toollet
やりたいこと・アプリ名で検索検索お問い合わせ
料金

ドット絵メーカー

8・16・32・64マス四方のキャンバスに、ペン・塗りつぶし・図形でドット絵を描きます。ゲーム素材やアイコンづくりに使え、透明背景や整数倍のPNGを作成・保存できます。描きかけの作品は専用JSONで保存し、読み込んで編集を再開できます。

マス目をタップ・ドラッグして描きます。

パレット12色

選択セル: 1, 1 · 透明

矢印キーでセルを選び、Space・Enterで描画します。直線・四角形は始点と終点を2回で指定します。Escapeで始点を解除し、Ctrl/Cmd+Zで元に戻します。

詳細設定16×16 · PNG 128px · 透明

小さくすると右側・下側が切り取られます。左上は保持し、元に戻せます。

市松模様・グリッド・選択枠はPNGに入りません。

作品の保存・再開

Toolletドット絵用JSON・128KBまで。読み込み前の作品は「元に戻す」で復元できます。

できること

6つの道具で描く

ペン・消しゴム・塗りつぶし・色を取る・直線・四角形を使い分けます。

PNGと編集用データを保存

完成画像をPNGで保存し、描きかけの作品は専用JSONで保存して再開できます。

使い方

  1. 道具と色を選ぶ

    ペンなどの道具と描画色を選びます。パレットの色や6桁のカラーコードも使えます。

  2. キャンバスに描く

    マス目をタップ・ドラッグして描きます。直線と四角形は始点から終点へドラッグします。

  3. 画像の条件を確認

    詳細設定でキャンバスサイズ・PNGの倍率・透明な背景を確認します。

  4. PNGを作成して保存

    作成後の画像を確認して保存します。編集を続ける場合は作品データも保存してください。

こんなときに便利

小さな画像素材を描く

アイコンやゲーム用の小さな絵を、マス目に色を置いて作成します。

描きかけの作品を再開

編集用データを保存し、後から読み込んで続きや色違いを作ります。

マス数・出力寸法と作品データ

マス数とPNGの大きさ

キャンバスは8・16・32・64マス四方。16×16を8倍で保存すると128×128 pxになり、マス数は変わりません。

キャンバスのサイズ変更

左上の描画を保持し、小さくすると右側・下側が切り取られます。「元に戻す」で変更前へ戻せます。

透明な部分と背景色

市松模様は透明なセルです。PNGでは市松模様・グリッド・選択枠を除き、透明または指定した背景色で保存します。

PNGと編集用JSON

PNGは完成画像です。作品JSONはキャンバスサイズと各セルの色を保持します。PNG画像を読み込んで再編集する機能はありません。

よくある質問

背景を透明にして保存できますか?

「背景を透明にする」をONにします。描いていないセルが透明になり、消しゴムでも透明なセルへ戻せます。

途中の作品を後から編集できますか?

「編集用の作品を保存」でJSONを保存し、「作品を開く」から読み込みます。Toolletドット絵用JSONは128KBまで読み込めます。

読み込みや消去を取り消せますか?

直前の状態を「元に戻す」で復元できます。履歴は最大50操作です。JSONに操作履歴や保存倍率は含まれません。

キーボードで描けますか?

キャンバスにフォーカスして矢印キーでセルを選び、SpaceまたはEnterで実行します。直線・四角形は始点と終点を2回で指定します。

ファイルの扱い

入力
マス目へ直接描画。再開には専用JSONを1件、128KBまで読み込みます。
出力
pixel-art.pngと編集用pixel-art.toollet.json。作品JSONはコピーもできます。

現在の設定

ツールを検索