画像とデザインツール

スプライトシート生成

静止 JPEG、PNG、WebP を選択し、必要なフレームを均一なグリッドに配置します。画像はブラウザー内で処理されます。

ブラウザ内で処理登録不要プライバシーの説明 ↗

静止 JPEG、PNG、WebP のみ。最大64枚、各5 MB、合計20 MB、デコード合計1600万画素。ファイルはブラウザー内で処理され、選択順で配置されます。

フレーム選択

画像を選択してください。

新しい静止 PNG と元ファイル名を含む汎用 JSON です。アニメーション抽出、トリミング、密な配置は行いません。FPS は実測時間ではなく目安です。ブラウザーのデコードとメモリ制限があります。

使い方

使い方

  1. 静止画像を最大64枚、各5 MB、合計20 MBまで選びます。
  2. フレーム、セル寸法、列数、間隔、FPS の目安を設定します。
  3. 生成後、PNG と対応する JSON を別々に保存します。

均一なセル

画像を縦横比を保って縮小・拡大し、切り抜かず中央に配置します。余白は透明です。セル1–1024 px、列1–16、間隔0–64 px。出力は各辺4096 px・1600万画素まで、デコード入力合計も1600万画素までです。

ブラウザーと時間情報の制限

Canvas は新しい静止 PNG を作成し、元の符号化やメタデータを保持しません。動画画像からフレームを抽出せず、ブラウザーがデコードした画像のみ使用します。JSON は元ファイル名、セルと描画範囲、1–60 FPS の目安を含みます。実測時間情報や特定エンジン用形式ではありません。大きな画像はメモリ上限を超える場合があります。

よくある質問

あわせて知りたいこと

画像は送信されますか?

いいえ。デコード、合成、PNG と JSON の出力はローカルです。

自動トリミング、密な配置、アニメーションは可能ですか?

透明余白の均一グリッドから静止シートを出力します。FPS は利用者のアニメーションコード用の目安だけです。