[無料ツール一覧](https://www.summerengine.com/ja/free-tools)

# GIFをスプライトシートに変換

アニメーションGIFからPNGアトラスと再生時間のJSONを作ります。

これらのツールはブラウザーで動きます。選んだ画像はこの端末に残ります。アカウントは不要です。

保存形式: PNG · JSON

## 設定

GIFを選ぶサンプルを試す

GIFはブラウザー内に残ります。最大8 MiB、120フレーム

ファイルを選ぶかサンプルを試してください

アトラスの列数アトラスの余白

変換

## 結果

ファイルを選ぶかサンプルを試してください

## 使い方

GIFから最大120フレームを元の大きさで読み取り、表示結果を1枚のPNGアトラスに並べます。JSONには各フレームの領域と表示時間を記録します。

1. アニメーションGIFを選ぶか、サンプルを試します。
2. アトラスの列数と余白を設定し、フレームのプレビューを確認します。
3. PNGと再生時間のJSONを一緒に保存します。

PNGをアトラスとして読み込み、JSONの領域と表示時間を使ってエンジン内でアニメーションを組みます。

## よくある質問

元の再生時間は残りますか？

JSONにGIFの各フレームの表示時間を記録します。エンジンではその値を使ってください。PNGだけでは時間は分かりません。

色や輪郭が違って見えるのはなぜですか？

GIFは最大256色で、透明度にも制限があります。PNGにはGIFから読み取った画素が入りますが、GIF作成時に失われた色は戻せません。

## 関連ガイドとツール

* [スプライトシート作成ツール](https://www.summerengine.com/ja/free-tools/sprite-sheet)
* [スプライトシートをGIFに変換](https://www.summerengine.com/ja/free-tools/sprite-sheet-to-gif)
* [スプライトシートのガイド](https://www.summerengine.com/ja/ai-sprite-sheet-generator)
[無料ツール一覧](https://www.summerengine.com/ja/free-tools)

Source: https://www.summerengine.com/ja/free-tools/gif-to-sprite-sheet

---

## Machine-readable resources

- Site index for agents: https://www.summerengine.com/llms.txt
- Full inlined content: https://www.summerengine.com/llms-full.txt
- Porting catalog: https://www.summerengine.com/llms-porting.txt
- Structured catalog: https://www.summerengine.com/agent-catalog.json
- Sitemap: https://www.summerengine.com/sitemap.xml
- Developer resources: https://www.summerengine.com/docs