本文へ移動

GIF分割:GIFからフレームを取り出す

アニメーションGIFを1枚ずつのフレームに分割します。すべてのフレームを確認して必要なものだけ残し、PNGやJPGの画像として、または1枚のスプライトシートとしてダウンロードできます。無料で、何もアップロードされません。

ファイル

フレームに分割するGIFをドロップ

GIF(アニメーション・静止画)

このツールの特徴

  • 端末内で処理

    処理できるサイズは端末のメモリやブラウザによって異なります。

  • アップロード不要

    ブラウザ内で処理するため、ファイルは端末の外へ送信されません。

  • 登録不要

    アカウントやメールアドレスを登録せず、すぐに使えます。

アニメーションGIFは画像の連なりです。そのうち1枚だけが必要なこともあります。リアクションGIFの最高の表情、サムネイル用のきれいな静止画、チュートリアルの1ステップ。逆に全部必要なこともあります。1枚ずつ編集したり、トレースしたり、別のツールでアニメーションにしたり、ゲーム用のスプライトシートを作ったり。

このGIF分割ツールは、すべてのフレームを表示時間付きでグリッドに並べ、選んだものを保存します。各フレームは多くのGIFが保存している部分的な差分ではなく、アニメーションで実際に見えるとおりに取り出されるので、どの画像も完全な1枚になります。

GIFをフレームに分割する方法

  1. GIFを追加

    上の枠にアニメーションGIFをドロップするか、端末から選びます。すべてのフレームが再生順の番号と表示時間付きでグリッドに表示されます。

  2. フレームを選ぶ

    最初はすべて選択されています。フレームをタップすると外せます。「選択を解除」で一から選んだり、直前と同じフレームを除外したりもできます。

  3. 個別の画像かスプライトシートかを選ぶ

    順番に番号を付けたPNGかJPGの個別画像をZIPで、または選んだ全フレームをグリッドに並べた1枚のスプライトシートとしてダウンロードできます。

  4. ダウンロード

    「GIFを分割」を押し、ZIP、1枚のフレーム、またはスプライトシートをダウンロードします。

断片ではなく、完全なフレーム

容量を節約するため、多くのGIFは各フレームの変化した部分だけを保存し、それまでの表示の上に重ねて描くことを再生側に任せています。その差分をそのまま取り出すと、一部が欠けたフレームや、ほとんど透明な画像になってしまいます。

このツールは、消去ルールも含めてブラウザと同じように各フレームを再生し、完全な画像として保存します。37枚目のフレームは、アニメーションで37枚目が表示されている瞬間とまったく同じに見えます。

PNGとJPGのフレーム

PNGはすべてのピクセルを正確に保ち、透過も残るので、編集、トレース、アニメーションの作り直しに最適です。GIFのフレームは最大256色なので、PNGならとてもコンパクトに保存できます。

JPGはファイルが小さく、どこでも開けるので、静止画を1枚共有したり資料に貼ったりするのに向いています。JPGには透過がないため、透明な部分は白で塗りつぶされます。取り出したフレームの形式やサイズをあとから変えるには、画像変換や画像サイズ変更が使えます。

GIFをスプライトシートにする

スプライトシートは、アニメーションの全フレームを1枚の画像にグリッド状に並べたもので、左から右、上から下の順に読みます。ゲームエンジンやCSSアニメーションは1マスずつ表示して再生するため、GIFより軽いことが多く、タイミングも自由に制御できます。

「スプライトシート」を選ぶと、選んだフレームがGIFと同じ大きさの同じマスで、ほぼ正方形のグリッドに配置されます。結果には列数、行数、マスのサイズが表示されるので、それをゲームエンジンやCSSのbackground-positionのステップに入力します。

作り直し・編集・組み合わせ

分割は編集の前半であることがよくあります。フレームを取り出し、必要なものを変更・削除してから、GIF作成で組み立て直しましょう。順番、表示時間、サイズも変更できます。フレームを1枚ずつ触らずにGIFを軽くしたいなら、GIF圧縮で2枚に1枚を自動で間引けます。

背景のない被写体だけが欲しいなら、GIF背景透過がアニメーション全体を一度に処理します。

どの出力を選ぶか

どれも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を直接追加して、フレームの並べ替え、削除、表示時間の変更ができます。
スプライトシートはどう並びますか?
同じ大きさのマスでほぼ正方形のグリッドになり、左から右、上から下の順に読みます。結果に列数、行数、マスのサイズが表示されます。
画像ツールをすべて見る