GIFをスプライトシートに変換
アニメーションGIFの各フレームを単一のスプライトシート画像に配置します。グリッドの列、間隔、フレームのスケール、背景を選択してPNGとしてダウンロードします。
入力
アニメーションGIF。各フレームがデコードされてシートに配置されます。実行ごとに1クレジット使用されます。
空白のままにすると、自動的にほぼ正方形のグリッドレイアウトになります。
1はすべてのフレームを含めます。より高い値は、シートを小さくするためにアニメーションを間引きます。
パッキング前に各フレームをリサイズします。100%はソースGIFのフレームサイズを保持します。
タイル間のギャップを埋め、フレーム自体の透明ピクセルを表示します。
出力
Result will appear here.
Result will appear here.
ガイド
ゲームエンジン、CSSスプライトアニメーション、テクスチャアトラスはアニメーションGIFを再生しません。代わりに単一のスプライトシートを読み込みます。これは、すべてのアニメーションフレームがグリッドに配置された1つのフラット画像であり、ビューポートをシフトする（CSSではbackground-positionオフセット、ゲームエンジンではフレーム矩形）ことで段階的に処理されます。このツールはアップロードされたGIFをフレームごとにデコードし、すべてをダウンロード可能な単一のPNGに配置します。
使い方
- アニメーションGIFをアップロードします。
- グリッドの列を設定するか、空白のままにしてほぼ正方形の自動レイアウトにします。
- 必要に応じてN番目ごとのフレームを含めるでアニメーションを間引きます。長いGIFですべてのフレームが必要ない場合に便利です。
- フレームのスケールを調整して各タイルを縮小または拡大し、間隔でそれらの間にギャップを追加し、背景を選択します。透明（デフォルト）、白、または黒です。
- スプライトシートを作成をクリックしてPNGをダウンロードします。
フレームのレンダリング方法
GIFのフレームは単に積み重ねられた画像ではありません。各フレームはキャンバスの一部のみを再描画でき、完了後の下の画素がどうなるかを指定します（そのままにする、消去する、または以前の状態に復元する）。このツールはこのフレームごとの処理方法を正確に再現するため、シート内の各タイルはGIFを再生したときに実際に見えるものと一致し、部分的な可能性のあるフレーム自体の生データだけではありません。
プライバシー
アップロードされたGIFはサーバーでデコードおよびコンポジットされた後、破棄されます。何も保存されず、実行ごとに1クレジット使用されます。
自分のGIFに数百のフレームがある場合はどうなりますか？
スプライトシートは数百のタイルを超えるとやっかいになります。まずN番目ごとのフレームを含めるを使ってアニメーションを間引くか、サブセットのみが必要な場合はフレーム抽出器でGIFを分割します。シートのフレーム数も、妥当な制限として400に制限されています。
GIFをシートに変換する前にトリミングまたはリサイズする必要があります
まずGIF Editorを通して実行してください。そこでリサイズ、切り抜き、またはフレームを削除してから、その結果をこのツールに入力します。アニメーションGIFではなくSVGアイコンスプライトシートについては、SVG Sprite Sheet Generatorを参照してください。
Use it from code
From 3 credits per callREST API
curl -X POST https://api.iotools.cloud/v1/tool/gif-to-sprite-sheet \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"file": "<file>"
}'Swap in your own key from your account. The tool's fields are the body — no wrapper.
Ask an AI agent
Use the IOTools `gif-to-sprite-sheet` tool (GIF to Sprite Sheet) on this input:
YOUR_INPUT_HEREPaste this at any agent connected to the IOTools MCP server, then add your input.