スプライトシートのグリッドサイズは？

ツールが自動で正方形に近いグリッド（例：16フレーム→4×4）を計算します。列数はカスタマイズ可能。CSS steps()アニメーションには単一行（列＝総フレーム数、行＝1）が最適です。

スプライトシートは元のGIFと同じ見た目ですか？

はい—すべてのフレームがロスレスでスプライトシートに配置されます。PNG形式のため画質劣化はありません。フレーム間の遅延情報はスプライトシート画像には埋め込まれません。

GIFをドラッグ＆ドロップ

アニメーションGIF — ローカルでスプライトシートに変換、アップロード不要

透かしなし • アップロード不要 • 無料

列数と行数を自由に設定し、GIFフレームをコンパクトなスプライトシートに配置。最適な配置を自動計算。

steps() タイミングのCSSアニメーションスニペットを生成。コピーしてWebプロジェクトにそのまま使えます。

高品質PNG形式でスプライトシートを出力。ゲームエンジンやCSSスプライト、ピクセル精度のアニメーションに最適。

GIFファイルはデバイスから離れません。すべての処理はブラウザ内で完了。プライバシーを保護。

使い方

アニメーションGIFをドラッグ＆ドロップまたはクリックして選択。フレーム数、サイズ、遅延情報を自動読み取り。

スプライトシートの列数を選択。行数は総フレーム数から自動計算されます。プレビューはリアルタイム更新。

「スプライトシートを生成」をクリックしてPNGを作成。付属のCSSアニメーションスニペットをコピーしてWebで即使用。

GIF スプライトシート変換ツールについてよくある質問

アニメーションGIFをアップロードし、グリッド列数を設定（例：16フレームのアニメーションなら4列＝4×4グリッド）、スプライトシートを生成。出力されたPNGはUnity、Unreal Engine、Godotに直接インポート可能です。