GIFをスプライトシートに変換
アニメーションGIFの各フレームを単一のスプライトシート画像に配置します。グリッドの列、間隔、フレームのスケール、背景を選択してPNGとしてダウンロードします。
入力
アニメーションGIF。各フレームがデコードされてシートに配置されます。実行ごとに1クレジット使用されます。
空白のままにすると、自動的にほぼ正方形のグリッドレイアウトになります。
1はすべてのフレームを含めます。より高い値は、シートを小さくするためにアニメーションを間引きます。
パッキング前に各フレームをリサイズします。100%はソースGIFのフレームサイズを保持します。
タイル間のギャップを埋め、フレーム自体の透明ピクセルを表示します。
出力
Result will appear here.
Result will appear here.
このツールを使う他の方法
REST 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>"
}'ご自身のアカウントのキーに差し替えてください。ツールのフィールドがそのままリクエストボディになります——ラッパーはありません。
AIエージェントに依頼する
Use the IOTools `gif-to-sprite-sheet` tool (GIF to Sprite Sheet) on this input:
YOUR_INPUT_HEREIOTools MCPサーバーに接続された任意のエージェントにこれを貼り付け、入力内容を追加してください。
| API/MCP 1回あたりの費用 | 5クレジットから |
|---|---|
| クレジットが足りませんか? | 料金を見る |
次の方法でも利用可能
ガイド
ゲームエンジン、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を参照してください。