ピクセルアートとは？

ピクセルアートは、小さなグリッド上に四角形を一つずつ描いて作る画像です。表示できる色数が少なく、解像度も低かった昔のゲーム機やコンピューターから生まれ、現在もゲームのスプライトやアイコン、ファビコンに使われています。画像がとても小さいため、整数倍に拡大されます。そのため、ぼやけることなく、各ピクセルがくっきりとした四角形のまま表示されます。

ツールの説明

「キャンバス」メニューから、8 × 8、16 × 16（初期設定）、32 × 32、64 × 64ピクセルのいずれかを選ぶか、「ピクセル単位のカスタムサイズ」に幅と高さを入力します。サイズを変更しても、描画は左上にそのまま残り、右側と下側が切り取られるか、空白が追加されます。同じメニューにある「グリッドを表示」を切り替えると、グリッド線の表示と非表示を切り替えられます。

ツールバーには4つのツールがあります。鉛筆はクリックまたはドラッグした場所にピクセルを描き、消しゴムはピクセルを透明にします。塗りつぶしは、空白部分も含め、同じ色でつながっているピクセルの領域全体を塗りつぶします。「色を選択」は、クリックしたピクセルの色を取得します。どのツールを使っているときでも、マウスの右ボタンを押すと消去できます。色ボタンをクリックすると、12色と「カスタムカラー」が表示されます。

描画が終わったら、「ファイル」を開いて「PNGをダウンロード」をクリックします。空白のピクセルは透明のままで、描画中は市松模様で表示されます。PNGは長辺が512ピクセル以上になるよう整数倍に拡大されるため、16 × 16の描画は、ピクセルがくっきりした512 × 512の画像としてダウンロードされます。「新しい描画」をクリックすると、キャンバスのサイズを保ったまま内容が消去されます。

すべての処理はブラウザー内で行われ、データは保存されません。ページを閉じる前にPNGをダウンロードしてください。

キーボードショートカット

  • 元に戻す：Ctrl+Z、Macでは⌘Z
  • やり直す：Ctrl+YまたはCtrl+Shift+Z、Macでは⇧⌘Z

機能

  • 鉛筆、消しゴム、塗りつぶし、色の選択。マウスの右ボタンで消去可能
  • 8 × 8から64 × 64までのキャンバスサイズ、または任意のカスタムサイズ
  • ピクセルがくっきりと整数倍に拡大され、背景が透明なPNGをダウンロード可能