PNGスプライトカット

スプライトシートのPNGから個別のスプライトを自動検出してカットします。透明背景と単色背景の両方に対応しています。

PNGファイルをここにドラッグ&ドロップまたはクリックして選択(複数選択可)

ファイルを選択

Ctrl+Vでクリップボードの画像を貼り付けることもできます

ファイルはサーバーにアップロードされず、ブラウザ内でのみ処理されます

使い方

  1. スプライトシートのPNGファイルをドラッグ&ドロップするか選択します。複数ファイルをまとめて追加でき、Ctrl+Vで貼り付けることもできます。
  2. 背景モード(透明背景/単色背景)を選び、最小サイズ・余白・グループ化距離などを調整します。
  3. [検出&カット]を押すと、元画像プレビューに検出範囲が番号付きで表示されます。
  4. スプライトを1つずつ保存するか、ZIPでまとめてダウンロードします。

よくある質問

透明背景モードと単色背景モードの違いは?

透明背景モードは、アルファ値が透明度しきい値以上のピクセルをスプライトとして認識します。単色背景モードは画像の四隅から背景色を推定し、画像の端とつながった近い色の領域だけを背景として扱うため、スプライト内部の同じ色は消えません。透明ピクセルの無いPNGを読み込むと、自動的に単色背景モードに切り替わります。

単色の背景を透明にできますか?

はい。単色背景モードで[背景を除去 (透明化)]をオンにすると、カットした各スプライトの背景が透明になり、輪郭に残る背景色のフチ(アンチエイリアスのにじみ)も補正されます。

「エフェクトをグループ化」とは何ですか?

キャラクターの周りの火花やほこりなど、離れた破片を1つのスプライトにまとめます。2つの破片の横・縦の間隔がどちらもグループ化距離(px)以内であれば同じスプライトになります。破片を個別にカットしたい場合はオフにしてください。

小さな破片が消える/スプライトが検出されません。

最小サイズは幅と高さがどちらもその値以上のスプライトだけを残すフィルターで、グループ化の後に適用されます。小さなアイコンが抜ける場合は値を下げ、ノイズが多い場合は値を上げるか、透明度しきい値・背景色の許容値を調整してください。

どの形式で保存されますか?

各スプライトは透明度を保ったPNGで保存されます。ZIPでは sprite_001.png のように順番に名前が付き、複数ファイルを処理した場合は元ファイルごとのフォルダーに分かれます。余白(px)を指定すると、スプライトの周りに透明な余白が追加されます。

画像はサーバーにアップロードされますか?

いいえ。検出とカットはすべてブラウザ内で処理され、画像がどこかに送信されることはありません。