本文へ移動

ピクセルアートメーカー

ペンと消しゴムでドット絵を描き、透明PNGとして保存します。

編集

ブラウザー内で処理します。

ポインターで描くか、キャンバスで矢印キーとスペースを使います。

プレビューと書き出し

プレビュー

ドット絵を描く

8・16・32・64ピクセル四方からグリッドを選びます。小さなグリッドは、一点の変更が輪郭に表れやすいため、アイコンやゲーム用タイルに向いています。ペンか消しゴムを選び、6桁のHEX色を入力するか色見本で指定します。ドラッグすると連続した線になり、一回のストロークが一回の「元に戻す」に対応します。

薄い作例は描き始めに一度だけ消えます。右側の最上部に元に戻す・やり直す、その下にペン・消しゴム・色を配置しています。クリアで絵を消せます。読み込んだJSONの作品は作例として消しません。

プレビュー・透明度・座標

大きなセルで正確に編集できます。グリッド線と市松模様は補助表示で、PNGには含まれません。消しゴムは白く塗るのではなく透明に戻します。小さなプレビューでは補助線なしの実際の色を確認できます。左上の座標はx = 0、y = 0です。

キーボードではキャンバスにフォーカスし、矢印キーで移動してスペースかEnterで描きます。タッチ画面ではキャンバス内のドラッグが描画、外側のスワイプがページのスクロールになります。

くっきりしたPNGを保存する

結果画像の下で保存サイズを選び、PNGを保存します。実際の画素数で表示し、ぼかさず整数倍で拡大します。保存サイズを変えても編集グリッドは変わりません。グリッド線はセルの境界、市松模様は透明部分の補助表示で、別々に切り替えられます。透明PNGと結果プレビューにはどちらも入りません。

16 × 16を8倍にすると128 × 128のPNGになります。32 × 32を4倍にしても128 × 128ですが、編集できる元のセル数は4倍です。ゲームエンジンが原寸を要求する場合は1倍を選びます。

編集できる原稿を残す

PNGが完成画像で、メインの保存形式です。編集用ピクセルを残したい場合だけ、ツール内の「編集用原稿(JSON)」を開きます。JSONはグリッド・色・アルファを保持し、読み込み時は検証後に絵を置き換えます。画像形式ではなく、PNGを使うだけなら不要です。

このエディターのバージョン1形式のみ対応します。画素数がサイズと一致し、色が有効なHEXまたは透明を示すnullである必要があります。上限は100 KBです。読み込みに失敗しても既存の絵は残ります。次回訪問まで自動保存されないため、閉じる前や言語変更前にJSONを保存してください。

グリッドサイズを変更できますか?

右のグリッドサイズを選んでから「サイズを適用」を押します。選択だけでは絵を変えません。縮小で描画済みピクセルが切れる場合は確認し、その後も元に戻すで復元できます。拡張時は左上の絵を伸ばさず透明セルを追加します。保存サイズは結果下の別設定です。

何回まで元に戻せますか?

このタブ内の最新30件です。ストローク、クリア、サイズ変更、正常な読み込みが対象です。元に戻した後に新しく編集すると、やり直し履歴は置き換わります。JSONに履歴は含めません。

別のアプリでは見た目が違うのはなぜ?

PNGに市松模様、グリッド、選択枠は含みません。アプリによって透明部分が白や黒に見えたり、拡大表示で補間されたりします。100%表示または最近傍補間で実際の画素を確認してください。

写真変換やアニメーションは作れますか?

最大64 × 64の静止画1枚を編集する道具です。写真変換、減色、PNGの編集用読み込み、AI生成、GIFやアニメーションには対応しません。自分で描いた絵をPNGで保存し、別のスプライトシート作成に利用できます。