スプライトシートスライサー

スプライトシートを個別のフレームに切り分けるか、任意の画像を手動調整できるグリッドに分割

👇 下で分割方法を選択

ここに画像をドロップ

または任意の場所をクリックしてファイルを選択

PNGJPGWebP

Magic設定

✨ 高度なMagic Slice

スプライトの境界を検出し、複雑なスプライトシートを個別のスプライトへ分離する、内容に基づく画像処理

  • • スプライト境界を自動検出
  • • 複雑な配置を個別スプライトに分離
  • • すでに正しく分離されたスプライトを維持
  • • 最終調整で余分な余白を除去

• 内容に基づくスプライト分離

• 透明度に基づく境界検出

• ゲーム開発素材に便利

Magic Sliceの使い方

1スプライトシートをアップロード

  • • ドラッグ&ドロップまたはクリックで画像をアップロード
  • • スプライトシートやキャラクターアニメーションに最適
  • • PNG、JPG、JPEG、WebPに対応

2検出感度を設定

  • • 低: 大きな境界を検出(単純なスプライト)
  • • 中: バランスのよい検出(推奨)
  • • 高: 微細な端を検出(複雑なスプライト)

3Magic処理を開始

  • • 「Magic Sliceを開始」でAI処理を開始
  • • 再調整の進捗をリアルタイム表示
  • • 複数回の処理で結果を自動改善

4スプライトをダウンロード

  • • 全スプライトを整理されたZIPでダウンロード
  • • 各スプライトに自動で名前と番号を付与
  • • 完全な透明背景を維持

Magic Sliceの機能:

AIによる境界検出
自動調整
完全なスプライト分離
一括ZIP書き出し

次を使い始める前に スプライトシートスライサー

元画像をアップロードせず、ブラウザー内でスプライトシートや画像を個別フレームまたは調整可能なグリッドタイルに分割します。

最適な用途

  • フレーム間に透明な隙間がある不均一なスプライトシート
  • 切断線を調整したい、規則的な画像グリッド
  • ゲームやアニメーション用に個別フレームを準備

開始前に知っておくこと

  • Magic Sliceには実際の透明な隙間が必要です。白や市松模様の背景は、不透明なピクセルのままです
  • 接触・重なりのあるスプライトには手動・プリセットモードが必要な場合があります
  • 非常に大きいシートは、ブラウザーで使用可能なメモリを使います

操作できるスプライトシートスライサー: 手動モードは、グリッド線のドラッグ、プリセットサイズ、自由な位置指定に対応します。PNG、JPG、WebPで書き出し、ZIPでまとめることもできます。

スプライトシートスライサーの使い方

スプライトシートスライサーは1枚の画像を複数の小さい画像に分割します。方法は2つあり、どちらもブラウザー内だけで動作します。扱う画像に合う方を選んでください。

Magic Slice

Magic Sliceは、透明な背景のスプライトシート用です。シートを追加し、低・中・高の感度を選んでMagic Sliceをクリックしてください。アルファチャンネルを走査して各スプライトの開始と終了を見つけ、結果を最大3回調整します。余白が大きすぎるタイルでは透明な余白をトリミングし、複数のスプライトが残るタイルは細分化します。完全に空のタイルは除外し、画像を実際に含むパーツだけを返します。低感度は近い形をまとめ、高感度はより積極的に分離します。最初の結果が合わない場合、通常は手で調整するより、感度を変えて再実行するほうが速くなります。

手動・プリセット

手動・プリセットは、透明な背景かどうかにかかわらず、どんな画像にも使えます。画像を追加し、行数と列数を選んでください。プリセットは2×2〜6×6、自由入力は1行または1列から20×20まで対応します。プレビューは画像にグリッド線を重ね、各線を左右・上下へ個別にドラッグして、他を動かさず1つの切断位置を変えられます。最初の列が広いキャラクターシートや、地平線を切断位置に合わせたい写真など、内容が等間隔でない場合に重要です。線が適切になったら切り分けをクリックしてください。パーツを1つのZIPまたは個別でダウンロードできます。PNG、JPG、WebPを選べ、非可逆形式には画質スライダーがあります。

各モードを使う場面

Magic Sliceを使う場合

  • 画像は透明背景のスプライトシートです
  • スプライトの間隔が不均一なため、固定グリッドでは正しく切り出せません
  • シートがAI画像生成モデルの出力で、配置がわからない
  • 固定セルではなく、各スプライト自身の範囲にトリミングしたい

手動・プリセットを使う場合

  • 画像は単色背景の写真またはイラストです
  • すでに均等なグリッドで、行数と列数がわかっている
  • 画像をInstagramグリッドやコンタクトシートに分割する
  • すべての切断位置を正確に管理したい

よくある質問

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

いいえ。ブラウザーが画像を読み、ご自身の端末のCanvas APIで処理します。どこにも送信しません。このサイトはバックエンドもアップロード先もない静的サイトです。タブを閉じると画像は消えます。

対応する画像形式と寸法は?

PNG、JPG、WebPを読み込み、分割結果をPNG、JPG、WebPで書き出せます。大きいファイルも自分の端末で処理するため、実用上のサイズはブラウザーのキャンバスと使用可能メモリ次第です。大きいシートの読み込みや分割に失敗したら、寸法や容量を減らして再試行してください。

Magic Sliceが一部を見逃したり、1つを2つに分けたりしたのはなぜですか?

Magic Sliceは透明な隙間を探して境界を見つけるため、本当に透明な背景が必要です。ピクセルに焼き込まれた白や市松模様の背景では、分離する手掛かりがありません。接触や重なりのあるスプライトは1タイルにまとまり、見た目に離れたパーツでできたスプライトは分割される場合があります。まず感度を変え、改善しなければ「手動・プリセット」に切り替えて、希望の位置へグリッド線をドラッグしてください。

Instagramのグリッド用に写真を分割できますか?

はい。手動・プリセットで3行3列を指定し、9部分をダウンロードします。右下を最初、左上を最後の逆順で投稿すれば、完成プロフィールグリッドが正しく並びます。9タイルを同じ形にするなら、先に写真を正方形に切り抜いてください。

無料ですか?

はい。登録、アカウント、書き出し制限はなく、画像に何かを押印することもありません。ダウンロードするのは読み込んだ画像の切り出しそのものです。

関連ツール

分割は通常、より長い作業の一段階です。Magic Sliceで読み取れない単色背景がシートにある場合は、先にこちらで処理してください: 背景削除 先に背景を透明にしてから戻って分割します。逆に個別画像のフォルダーを1シートへ詰めるなら、 スプライトシート生成。これらの手順を詳しく説明したものは、次をご覧ください チュートリアル.