GIF分割:GIFからフレームを取り出す
アニメーションGIFを1枚ずつのフレームに分割します。すべてのフレームを確認して必要なものだけ残し、PNGやJPGの画像として、または1枚のスプライトシートとしてダウンロードできます。無料で、何もアップロードされません。
ファイル
フレームに分割するGIFをドロップタップしてGIFを選択
GIF(アニメーション・静止画)
このツールの特徴
端末内で処理
処理できるサイズは端末のメモリやブラウザによって異なります。
アップロード不要
ブラウザ内で処理するため、ファイルは端末の外へ送信されません。
登録不要
アカウントやメールアドレスを登録せず、すぐに使えます。
アニメーションGIFは画像の連なりです。そのうち1枚だけが必要なこともあります。リアクションGIFの最高の表情、サムネイル用のきれいな静止画、チュートリアルの1ステップ。逆に全部必要なこともあります。1枚ずつ編集したり、トレースしたり、別のツールでアニメーションにしたり、ゲーム用のスプライトシートを作ったり。
このGIF分割ツールは、すべてのフレームを表示時間付きでグリッドに並べ、選んだものを保存します。各フレームは多くのGIFが保存している部分的な差分ではなく、アニメーションで実際に見えるとおりに取り出されるので、どの画像も完全な1枚になります。
GIFをフレームに分割する方法
GIFを追加
上の枠にアニメーションGIFをドロップするか、端末から選びます。すべてのフレームが再生順の番号と表示時間付きでグリッドに表示されます。
フレームを選ぶ
最初はすべて選択されています。フレームをタップすると外せます。「選択を解除」で一から選んだり、直前と同じフレームを除外したりもできます。
個別の画像かスプライトシートかを選ぶ
順番に番号を付けたPNGかJPGの個別画像をZIPで、または選んだ全フレームをグリッドに並べた1枚のスプライトシートとしてダウンロードできます。
ダウンロード
「GIFを分割」を押し、ZIP、1枚のフレーム、またはスプライトシートをダウンロードします。
断片ではなく、完全なフレーム
容量を節約するため、多くのGIFは各フレームの変化した部分だけを保存し、それまでの表示の上に重ねて描くことを再生側に任せています。その差分をそのまま取り出すと、一部が欠けたフレームや、ほとんど透明な画像になってしまいます。
このツールは、消去ルールも含めてブラウザと同じように各フレームを再生し、完全な画像として保存します。37枚目のフレームは、アニメーションで37枚目が表示されている瞬間とまったく同じに見えます。
PNGとJPGのフレーム
GIFをスプライトシートにする
スプライトシートは、アニメーションの全フレームを1枚の画像にグリッド状に並べたもので、左から右、上から下の順に読みます。ゲームエンジンやCSSアニメーションは1マスずつ表示して再生するため、GIFより軽いことが多く、タイミングも自由に制御できます。
「スプライトシート」を選ぶと、選んだフレームがGIFと同じ大きさの同じマスで、ほぼ正方形のグリッドに配置されます。結果には列数、行数、マスのサイズが表示されるので、それをゲームエンジンやCSSのbackground-positionのステップに入力します。
作り直し・編集・組み合わせ
どの出力を選ぶか
どれもGIFの元のサイズのまま書き出します。
| やりたいこと | ダウンロード形式 | 画像形式 |
|---|---|---|
| 完璧な1枚を保存する | 個別の画像(1フレームを選択) | PNGかJPG |
| フレームを編集してGIFを作り直す | 個別の画像 | PNG |
| 資料やスライドでフレームを使う | 個別の画像 | JPG |
| ゲームエンジンやCSSでアニメーションにする | スプライトシート | PNG |
| アニメーションをトレース・ロトスコープする | 個別の画像 | PNG |
GIFからフレームを取り出す理由
完璧な1枚
リアクションGIFのまさにその瞬間を、サムネイル、ステッカー、プロフィール画像に。
1フレームずつの編集
個別のフレームを修正、レタッチ、文字入れしてから、アニメーションを作り直せます。
ゲームのスプライト
GIFアニメーションをUnity、Godot、Phaser、CSSのsteps()アニメーション用のスプライトシートに。
チュートリアル・ドキュメント
画面録画GIFから重要な手順を静止画として取り出し、文章の説明に使えます。
アニメーションの研究
各フレームの表示時間を見ながら、タイミングや中割りを1枚ずつ確認できます。
GIFの軽量化
重複や不要なフレームを見つけて、必要なものだけで軽いバージョンを作り直せます。
よくある質問
- GIFから1枚だけフレームを取り出すには?
- GIFを追加し、「選択を解除」を押してから欲しいフレームをタップし、「GIFを分割」を押してください。1枚だけならZIPではなく画像として直接ダウンロードされます。
- フレームは元のサイズのままですか?
- はい。各フレームはGIFの元の縦横サイズで、アニメーションで見えるとおりの完全な画像として保存されます。
- PNGのフレームは透過を保ちますか?
- はい。GIFの透明な部分はPNGでも透明のままです。JPGでは白になります。
- 「重複」とは何ですか?
- 直前とまったく同じフレームのことです。GIFは1枚の絵を長く見せるためにこれを使います。「重複を除外」で選択から外すと、異なる画像だけが得られます。
- 何フレームまで取り出せますか?
- 1つのGIFにつき最大1000フレームです。それより長いアニメーションは実質的に動画なので、先に短くしてください。
- GIFはアップロードされますか?
- いいえ。GIFのデコードもフレームの保存も、お使いの端末のブラウザ内で行われます。
- フレームをまたGIFに戻せますか?
- はい。画像をGIF作成に追加するか、元のGIFを直接追加して、フレームの並べ替え、削除、表示時間の変更ができます。
- スプライトシートはどう並びますか?
- 同じ大きさのマスでほぼ正方形のグリッドになり、左から右、上から下の順に読みます。結果に列数、行数、マスのサイズが表示されます。
関連ツール
GIF作成
写真や動画からアニメーションGIFを作成。順番、速さ、サイズ、ループを自由に設定できます。
GIF圧縮
GIFのファイルサイズを小さく。256KBや5MBなど、指定したサイズ以下にも収められます。
GIF速度変更
GIFを速くしたり遅くしたり、全フレームを同じ表示時間にしたり。画質は落ちません。
GIF背景透過
アニメーションGIFの動きを保ったまま背景を削除し、透過GIFまたは新しい背景色のGIFとして保存できます。
画像変換
HEIC・AVIF・PNG・JPG・WebPを読み込み、JPG・PNG・WebP形式へ変換します。
- HEIC
- WEBP
- PNG
- JPG
PNG圧縮
PNGの透明部分を保ちながら減色して容量を削減。ロゴやスクリーンショットをPNGのまま軽くできます。