画像またはGIFを追加
画像モードにPNG、JPG、静止WebPを入れるか、GIFモードでアニメーションを抽出します。ファイル名は自然順に並び、素材がなければホームで生成できます。
画像・GIF → ゲーム向けシート
無料スプライトシート作成ツール
ばらばらのフレームを次の冒険へ。画像やGIFを配置し、動きを確認してゲーム素材を出力します。
ファイルがありませんか？素材を生成
- ずっと無料
- 登録不要
- 端末内処理
- 複数の出力形式
01 / 3ステップ
3ステップでスプライトシートを作成
アートから素材までの短い流れ
全フレームを配置して確認
グリッド、横一列、縦一列から選び、列数、余白、間隔、位置を設定。プレビューで不足やずれを探し、ハンドルで順番を直します。
使える素材をダウンロード
透明PNGを保存し、必要ならJSON、CSS、XML、GIFをZIPに追加できます。結果を分割ツールで直接開くこともできます。
02 / シート機能
フレーム列に合わせたスプライトシート作成ツール
複数画像やアニメーションGIFを整ったスプライトシートにまとめます。この無料スプライトシート作成ツールはフレーム整列、アニメーション確認、PNGと任意のJSON出力に対応し、登録も不要です。
01
GIFから完全なフレームを復元
GIFが差分画素だけを保存していても、各時点の完全な画像を復元します。透明部分と元の時間を保持し、必要に応じて統一FPSも設定できます。
02
画像を引き伸ばさずに結合
最大の元画像がセル寸法を決め、小さい画像は元の大きさを維持します。下中央はキャラクター、中央や左上はエフェクトや画面素材に便利です。
03
出力前にアニメーションを確認
シート表示とアニメーション表示を切り替え、停止、コマ送り、速度比較ができます。プレビュー倍率は出力PNGの解像度を変えません。
03 / ゲーム用途
PNGからスプライトシートへ、実際のゲーム制作で活用
キャラクター移動とアクションループ
歩行、ジャンプ、攻撃の短い列を規則的なグリッドにまとめ、再生順と各セル下部の接地点を確認します。
エフェクト、アイコン、既存アニメーション
小さなエフェクトは横一列、アイコンやアニメーションはコンパクトなグリッドに。既存素材を整理するツールで、中割り生成は行いません。
04 / 出力ガイド
スプライトシート設定と出力の詳細
列数、余白、フレーム間隔
列数は横方向のセル数、外側余白はシート周囲、フレーム間隔は隣のセルとの間を設定します。出力寸法は設定に合わせて更新されます。
透明PNGとJSON座標
既定は透明背景です。JSONにはファイル名、元寸法、フレーム矩形、時間が入り、同じZIPに他形式も追加できます。
ブラウザーでの実用上限
ファイルは端末内で処理します。入力は50 MiB、256フレーム、展開後3,200万画素まで。画像と出力シートは一辺8192px、1,600万画素までです。
05 / その他のツール
その他のツール
SpritePixelの関連ブラウザーツールを続けて利用できます。無料のスプライトツールは追加登録不要です。
06 / 作成の質問
スプライトシート作成ツール よくある質問
シート出力、GIFの時間、無料ツールの制限について。
オンラインのスプライトシート作成ツールは本当に無料ですか？
はい。画像結合、GIF抽出、プレビュー、ダウンロードは無料で登録不要です。AI素材生成は別の機能です。
JPGから透明シートを作れますか？
フレーム間の空白は透明にできますが、JPG自体にアルファはなく元の背景画素は残ります。透明素材にはPNGか静止WebPを使用してください。
GIFは元の再生速度を保ちますか？
元のフレーム時間を有効にすれば保持します。無効にすると全フレームへ同じFPSを適用できます。
結果を再分割して並べ替えられますか？
はい。分割ツールで開くと同じタブ内でシートと設定を渡せます。再読み込み後は保持されません。
高度なテクスチャパッカーの代わりになりますか？
規則的なグリッドと列に特化しています。回転、多角形パッキング、複数ページのアトラスには対応しません。