スプライトシート確認・フレーム切り出し

Scratchやブラウザゲーム用のスプライトシートを、行数と列数で分割してアニメーション確認できます。選択したコマは透過PNGとして保存できます。

画像は端末内だけで処理ログイン不要PNG・JPG・WebP構成更新 2026-07-11

使い方を見る ドット絵メーカー

画像はサーバーへ送信されません。行・列で均等に分割するため、各コマの大きさをそろえた画像を使用してください。

Scratchで使う流れ

  1. スプライトシート画像を選択する
  2. 縦の行数と横の列数を入力する
  3. 再生して順番と速度を確認する
  4. 必要なコマをPNG保存する
  5. Scratchのコスチュームとしてアップロードする

このツールが向いている用途

スプライトシート確認ツールの分割とアニメーション画面
実際のページ表示例。画面幅や端末によって配置は変わります。

分割がずれる場合の確認点

このツールは画像全体を指定した行数・列数で均等に分割します。各コマの幅や高さがそろっていない画像、余白が不均一な画像ではフレーム境界がずれるため、元画像側で各コマのサイズをそろえてください。

確認できること

画像はブラウザ内で読み込んでプレビューします。スプライトシートそのものをこの機能の処理目的でサーバーへ送信する構成ではありません。

行・列の決め方と保存手順