スプライトシート・アトラス画像分割

スプライトシート分割ツールについて

ゲーム素材やアニメーションの連番を1枚にまとめた「スプライトシート」や、複数の画像を隙間なく詰め込んだ「テクスチャアトラス」を、元のばらばらの画像に戻す無料ツールです。配布素材の一部だけを使いたいとき、昔作ったシートを編集し直したいとき、連番画像として動画・GIF制作ツールに読み込みたいときなどに使えます。インストールや登録は不要で、画像の読み込みから保存までブラウザ内で処理し、外部へアップロードしません。

分割方法は3種類です。「格子で分割」は、同じ大きさのコマが縦横に並んだシート向けで、列数と行数、またはセルの幅と高さを指定します。シートの外周の余白やセルどうしの隙間も指定でき、背景だけの空きセルは自動で除外できます。「自動検出」は、大きさも位置もばらばらに詰め込まれたアトラス向けで、透明な部分(または指定した単色の背景)で区切られたかたまりを1枚ずつ切り出します。「データファイル」は、TexturePacker・Aseprite・Phaser などが書き出すJSON、Starling/Sparrow形式のXML、libGDXの .atlas を読み込み、記録されている座標とフレーム名のとおりに正確に切り出します。回転して詰め込まれたフレームは元の向きに戻し、透明部分をトリミングして詰めたフレームは元の大きさの画像に復元できます。

切り出したパーツは、周りの透明な余白の切り詰め、全パーツの大きさの統一(中央・足元・左上揃え)、余白の追加をしてからPNGで保存できます。大きさを揃えて足元を合わせれば、そのままアニメーションの連番素材として扱えます。単色背景のシートは背景色を透明にして書き出せます。保存はZIPでまとめてダウンロードするほか、対応ブラウザでは指定したフォルダへ直接書き出せます。検出した分割位置はJSONとしても保存できます。

使い方

1. スプライトシートの画像をドロップするか「画像を選ぶ」で開きます。データファイルがある場合は画像と一緒にドロップします。
2. 分割方法を選びます。等間隔のシートは「格子で分割」、不規則に詰め込まれた画像は「自動検出」、データファイル付きのアトラスは「データファイル」が向いています。
3. プレビューの枠を見ながら列数・セルの大きさや背景の設定を調整します。不要なパーツは枠をクリックして除外します。
4. 必要に応じて、余白の切り詰めや大きさの統一、ファイル名の先頭文字と連番の桁数を設定します。
5. 保存方法を選び、保存ボタンを押します。下に並んだ個別のプレビューをクリックすると、その1枚だけを保存できます。

よくある質問

自動検出で1つのキャラクターが複数に分かれてしまいます

髪の毛の先や武器、エフェクトの粒などが本体と透明部分で離れていると、別々のパーツとして検出されます。「まとめる距離」を数ピクセルずつ大きくすると、その距離以内にある部品が1枚にまとまります。大きくしすぎると隣のパーツとも結合するので、プレビューの枠を見ながら調整してください。半透明のふちで隣と繋がってしまう場合は、不透明度のしきい値を上げます。

背景が透明ではなく単色のシートも分割できますか?

できます。背景を「指定した色を背景とする」にして色を選ぶか、「左上の色を拾う」を押してください。自動判定では、四隅に透明な画素があれば透明部分を、なければ左上の色を背景として扱います。背景色と少し違う色も背景とみなしたい場合は許容差を上げます。書き出し時に背景色を透明にするかどうかも選べます。

データファイルのフレームの向きや位置がずれます

回転して詰め込まれたフレームは、形式ごとの一般的な規則で元の向きに戻しています。書き出したツールによって向きが逆になる場合は「回転しているフレーム」を「逆方向に戻す」にしてください。複数枚に分かれたアトラス(マルチパック)は、読み込んだ画像のファイル名と一致するページのフレームを使います。対応形式はJSON(Hash・Array)、Starling/Sparrow XML、libGDX .atlas で、Unityのメタファイルやplistには対応していません。

保存される画像の形式と画質は?

すべて劣化のないPNGで保存し、透明部分もそのまま残ります。元画像の色を拡大・縮小せずに切り出すので、ドット絵もにじみません。ただし、ほぼ透明な画素(不透明度が非常に低い画素)の色は、ブラウザの画像処理の都合でわずかに丸められることがあります。JPEGのシートを読み込んだ場合も、切り出した結果はPNGになります。

大きな画像や大量のパーツも扱えますか?

読み込める画像は1辺16384ピクセル、合計6400万画素までです。分割できるパーツは最大10000個で、下の個別プレビューは先頭の300個まで表示します(保存は全件)。ZIPは無圧縮で作成するため、4GBを超える場合は保存できません。その場合はフォルダへの直接保存をご利用ください。

分割位置のJSONは何に使えますか?

検出・指定した各パーツの座標と大きさを、TexturePacker互換のJSON(Hash形式)で保存します。自動検出した結果をゲームエンジンや別のツールで読み込んだり、あとで同じシートを同じ位置で分割し直したりするのに使えます。このツールのデータファイルとして再度読み込むこともできます。