ここで実行 100% ブラウザ内で動作します。アップロードもログインも不要です。
Pixel Art Editor
8 / 16 / 32 のグリッドでドット絵を描き、2 倍・4 倍のきれいな PNG で書き出す。
プリセット
グリッドサイズを変えると新しいキャンバスになります。 すべてブラウザのキャンバスで描画されます。未描画のマスは透明ピクセルとして書き出されます。
使い方
- グリッドサイズを選びます。アイコンなら 8x8、スプライトなら 16x16、細かく描くなら 32x32。
- カラーピッカーまたはプリセットから色を選びます。
- ツールを選びます。鉛筆はドラッグで続けて描け、消しゴムはマスを空にし、塗りつぶしは同じ色でつながった領域をまとめて置き換えます。
- 仕上がりを確認したいときはグリッド線をオフにします。
- Export PNG を押し、1 倍・2 倍・4 倍から選んでダウンロードします。
よくある用途
- ゲームのスプライト —— 16x16 でキャラクターやアイテムを作り、4 倍で書き出して見栄えを確認。
- アイコンの下書き —— 8x8 で形を決めてから、ベクターツールで仕上げる。
- クロスステッチやビーズの図案 —— グリッド上に図案を並べ、色の一覧をそのまま糸番号やビーズの色に使う。
- 授業の演習 —— 画像がピクセルの行列であることを説明するのにちょうど良いサイズです。
よくある質問
Q: 書き出した PNG にグリッド線は入りますか? A: 入りません。書き出しは別キャンバスで行うため補助線は描かれず、一度も塗っていないマスは透明のままになります。
Q: グリッドサイズを変えると絵が消えるのはなぜですか? A: マスは位置で管理しており、サイズが変わると位置の集合も変わるためです。拡大縮小ではなく、新しいキャンバスとして開始します。
Q: もっと大きな絵は描けますか? A: このツールは 8x8、16x16、32x32 の小さなドット絵向けです。大きなイラストには本格的な描画ソフトを使ってください。
Q: 元に戻すショートカットはありますか? A: 現時点ではありません。消しゴムと塗りつぶしで修正してください。このサイズのグリッドならたいてい間に合います。
データはこのデバイス内にとどまります
Pixel Art Editor は 100% ローカルで動作します。貼り付けたり、ドロップしたデータはすべてお使いのブラウザ内で処理され、送信されることはありません。当社のサーバーには何も保存されません——タブを閉じればすべて消えます。
入力された内容がサーバーへ送信・記録・解析利用されることはありません。初回読み込み後はネットワークを切断していてもこのページは動作します。