スプライトシート生成ツール

複数の画像を1枚のスプライトシートに結合

ドラッグ&ドロップまたはクリックしてアップロード

PNG, JPG, WebP, SVG, GIF

スプライトシート生成ツールとは?

スプライトシートジェネレーターは、複数の個別画像を1枚の最適化されたスプライトシートに結合します。フレームやアイコンをアップロードし、レイアウト(グリッドまたはパック)を設定して、CSS座標やJSONメタデータ付きの結合画像をエクスポートできます。

使い方

  1. スプライトシートに結合したい個別の画像をアップロードします。
  2. レイアウトモード(グリッドまたはパック)、パディング、出力サイズを設定します。
  3. スプライトシート画像をCSSまたはJSON位置データとともにダウンロードします。

結果

ゲーム開発者が16枚のキャラクターアニメーションフレーム(各64×64)をアップロードすると、4×4グリッドに配置された256×256のスプライトシートが生成され、ゲームエンジン用のJSONフレーム座標も出力されます。

関連ツール