読み込み
既存のアニメーションから始める
GIF をワークスペースに読み込みます。その完全なフレームが、シートの元になるセルになります。
1 つのアニメを、1 枚のシートに
GIF をスプライトシートにオンラインで変換。フレームを PNG のグリッドに並べて列数や間隔を調整し、各フレームの座標とタイミングを JSON で書き出せます。ログインもクレジットも不要です。
GIF を開くかサンプルを試して、すべてのフレームを確認しましょう。
アニメーション GIF · 20 MB・200 フレームまで実際に試してみよう
12 の異なるフレームからなる、ロボットのジャンプサイクルで試してみましょう。実際の GIF サンプルを使って、フレームの選択やグリッドの設定で書き出されるシートがどう変わるかを確認できます。
読み込み
GIF をワークスペースに読み込みます。その完全なフレームが、シートの元になるセルになります。
選択
ジャンプサイクル全体を残すことも、フレームを絞ってコンパクトなシートにすることもできます。
配置
列数、フレーム幅、間隔を設定し、書き出す前に更新された PNG グリッドをプレビューします。
オリジナルの 12 フレームのサンプル · ワークスペースで GIF を開けます
シーケンスを確認
動く画像 1 つから、整理されたフレームのセットへ。ワークスペースでグリッドを調整して、プロジェクトに合わせましょう。












出力を自由に調整
選んだフレームを 1 枚の PNG にまとめます。フレーム幅を設定しても縦横比は保たれ、セル同士の間隔もプロジェクトに合わせて追加できます。
かんたん 3 ステップ
元のファイルから使える仕上がりまで、かんたん 3 ステップ。
アニメーションファイルを開きます。完全なフレームが、ブラウザ内でそのまま再構成されます。
含めるフレームを選び、列数、フレーム幅、間隔を調整します。
選んだフレームの PNG スプライトシートと、JSON の座標データをダウンロードします。
次の制作に役立つ
一連の動きを均一なセルに並べ、座標を書き出して、自分の制作パイプラインで使えます。
PNG シートとフレームのタイミングを、CSS や canvas アニメーションの素材として使えます。
フレームの選択とレイアウトを調整しながら、動き全体をひと目で確認できます。
PNG には並べたフレームが、別ファイルの JSON にはその座標とタイミングが入っています。これらのファイルを、ゲームや Web アニメーションの制作フローにつなげましょう。このツールは既存の GIF フレームを並べるもので、新しいポーズは生成しません。
はい。ここでいうスプライトシートは、アニメーションのフレームをグリッド状に並べた 1 枚の画像のことです。このスプライトシート作成ツールは、GIF にすでにあるフレームを PNG にまとめ、必要に応じて座標とタイミングの JSON も書き出せるので、自分のアニメーション制作に使えます。ログインもクレジットも不要です。
いいえ。GIF のデコード、プレビュー、ダウンロードはすべてブラウザ内で行われます。これらのツールは AI API を使わず、ログインもクレジットも不要です。
はい。デコーダーが GIF の各フレームの差分を、位置、透明度、破棄方法(disposal)の指定に従って合成してから、完全なフレームとして書き出します。
20 MB まで、200 フレームまでの GIF を開けます。メモリの使用量を抑えるため、デコード後のフレームは合計 3,600 万画素までという上限もあります。大きなスプライトシートは 3,200 万画素までです。
フレームデータには、各フレームの表示時間(ディレイ)がミリ秒単位で記録されます。PNG やスプライトシートは静止画なので、アニメーションツールで再生を再現する際はこのタイミングデータを使ってください。
いいえ。GIF にある既存のフレームを並べるだけです。新しいポーズの生成、背景の削除、フレームの補間は行いません。
GIF→スプライトシート変換
GIF をスプライトシートにオンラインで変換。フレームを PNG のグリッドに並べて列数や間隔を調整し、各フレームの座標とタイミングを JSON で書き出せます。ログインもクレジットも不要です。
ワークスペースに戻る