スプライトシートとは？

GIFの全フレームをグリッド状に並べた1枚のPNG画像です。ゲーム開発やCSSアニメーションで多用されます。

PNGです。透明度や色が保持されます。

レイアウト制御方法は？

列数を指定します。行数はフレーム数に応じて自動計算されます。

background-positionとanimationプロパティでフレームを切り替えます。

はい。Phaser、Unity 2D、Godotなどで利用可能です。

元のGIFの寸法と同じです。

プログラムから正確にアニメーションの再生や逆転、指定フレームへのジャンプができるためです。

順序はGIFの通りです。事前にフレーム編集ツールで並べ替えてください。

GIFの各フレームを1つのスプライトシートPNGとして書き出します。

ここにGIFをドロップ

またはクリックして選択（GIFのみ）

アニメーションをタイル状の画像（グリッド）に変換します。CSSアニメーションやゲームエンジンで利用可能です。

列数を指定して自動計算できます。

Last Updated: 2026年8月14日