スプライトシートを 1 枚ずつの画像に分割

行数と列数を決めて、余白を削り、全フレームを ZIP で保存。アニメーション GIF としての書き出しにも対応しています。処理はすべてブラウザ内で完結します。

すべて端末内で処理されます。画像が外部に送信されることはありません。

できること

自由な分割数

行数と列数を指定すればどんな画像でも分割できます。プレビュー上のグリッドで切り取り位置をその場で確認できます。

余白のトリミング

各コマから指定したピクセル数を一律で削り、区切り線や枠線、コマ間の余白を取り除きます。

ZIP 一括保存

全フレームを行と列の番号付きで 1 つの ZIP にまとめられます。1 枚だけ個別に保存することもできます。

アニメーション GIF

好きな速度でフレームを再生し、透過を保ったままループする GIF として書き出せます。

4 ステップで画像を分割

登録も、インストールも、アップロードの待ち時間もありません。

  1. 画像を追加

    ファイルをページにドラッグするか、クリックして選択します。PNG、JPG、WEBP、GIF に対応しています。

  2. 行数と列数を指定

    数値を入力するか、プリセットを選びます。入力に合わせてプレビューが更新されるので、位置合わせをその場で確認できます。

  3. 余白を削る

    区切り線や余白がある場合は、赤い破線が絵柄にぴったり沿うまで左右・上下のトリミング値を上げてください。

  4. ダウンロード

    PNG か JPG を選んで ZIP で一括保存できます。アニメーションとして確認し、GIF で書き出すこともできます。

主な用途

規則的なグリッドに並んだ画像であれば分割できます。

ゲームのスプライトシート

歩行アニメーションや動作の連続画像を、エンジンやアニメーションツールでそのまま使える連番フレームに分割します。

スタンプ・絵文字

1 枚にまとめられたスタンプを個別のファイルに分けて、1 画像ずつ登録が必要なアプリに対応させます。

インスタの分割投稿

横長の写真を 3×1 や 3×3 のタイルに切り分け、プロフィール上で 1 枚の絵としてつながるようにします。

スキャン画像・商品写真

1 ページにまとめてスキャンした写真や商品画像を、一度の操作で個別の画像に分離します。

アイコン・アバター素材

デザインツールから書き出したアイコンのまとめ画像を、もとの素材ごとに分割し直します。

タイルセット・テクスチャ

画像編集ソフトを開かずに、タイルセットやテクスチャアトラスから等間隔のタイルを取り出せます。

画像は端末内に留まります

分割はブラウザの Canvas API で処理されます。アップロードも保存もされず、情報が漏れるサーバーそのものが存在しません。オフラインの状態でもそのまま使えます。

対応形式と制限

PNG、JPG、JPEG、WEBP、GIF(先頭フレームのみ)を読み込めます。出力は透過を保てる可逆の PNG か、ファイルサイズを抑えられる品質 0.9 の JPG から選べます。分割したコマをアニメーション GIF にまとめることも可能です。ただし GIF の透過は 1 ビットのため、なめらかにぼかされた縁は完全な不透明か完全な透明のどちらかになります。グリッドは最大 50×50 まで、大きな画像は端末のメモリ容量にのみ制限されます。

よくある質問

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

いいえ。すべての処理は Canvas API によってブラウザ内で完結します。ファイルがサーバーに送られることはありません。

透過は保たれますか?

PNG で出力すれば保たれます。JPG には透過情報がないため、透明な部分は単色の背景になります。ゲームのスプライトやスタンプには PNG をお選びください。

コマの大きさが均等でない場合はどうなりますか?

画像は等分されるため、間隔が不均一なものはぴったり合いません。枠の幅が一定であればトリミングで調整できますが、そうでない場合は先に元画像を切り抜いてください。

コマの間の区切り線を消したいのですが

左右・上下のトリミング値を上げてください。各コマの四辺から指定したピクセル数が削られ、プレビューの赤い破線が最終的に残る範囲を示します。

ファイル名はどうなりますか?

各画像は slice_行_列 という名前になります。0 から数えるため、左上は slice_0_0 です。ZIP 内の slices フォルダーにまとめられます。

ファイルサイズの上限はありますか?

固定の上限はありません。画像が大きくグリッドが細かいほどメモリを使うため、非常に大きな画像は古い端末では遅くなることがあります。

アニメーション GIF を分割できますか?

読み込む際は先頭フレームのみが使われます。ただし逆向きには対応しており、分割したコマを再生して新しいアニメーション GIF として書き出せます。

スプライトシートをアニメーション GIF にする方法は?

1 コマが 1 つのマスに収まるよう行数と列数を指定し、フレームレートを選んで「GIF を作成」を押してください。コマは左から右、上から下の順に再生され、ループするか 1 回だけ再生するかを選べます。

料金はかかりますか?

いいえ。登録も不要で、透かしも書き出し回数の制限もありません。