GIFをアップロードすれば全フレームを自動で抽出してPNG・ZIPで保存。 静止画を並べればフレーム間隔やループ回数を指定してオリジナルのGIFを作成できます。
GIF分解・作成ツールとは?アニメーションGIFを自在に扱う2つの機能
本ツールは、「アニメーションGIFの分解」と「複数の静止画からのGIF作成」という、GIFにまつわる2つの作業を1つにまとめた無料ツールです。
分解モードでは、GIFファイルをアップロードするだけで、内部に含まれる全フレームを自動で解析・合成し、1コマずつのPNG画像として書き出します。個別ダウンロードのほか、必要なフレームだけを選んでZIPで一括保存することもできます。
作成モードでは、複数の静止画をアップロードして順番を並べ替え、フレーム間隔・ループ回数・出力サイズを指定するだけで、オリジナルのアニメーションGIFをその場で生成できます。生成されたGIFの見た目を画像比較ツールで元画像と見比べながら確認するといった使い方も可能です。
こんなシーンで便利です
既存のGIF素材から特定の1コマを静止画として抜き出したい時に
SNSで見かけたアニメーションGIFや、自分で作成したGIFの中から、印象的な1コマだけを静止画として使いたい場合に活用できます。
アニメーションGIFの構造を調べたい・検証したい時に
GIFの総フレーム数や1コマあたりの表示時間(ディレイタイム)、ループ設定などを確認したい場合、フレーム一覧とプレビュープレイヤーでその場でチェックできます。
複数の写真からSNS用のミニアニメを作りたい時に
連続して撮影した写真や、パラパラ漫画風の絵をアップロードし、フレーム間隔を調整するだけで簡単なアニメーションGIFを作成できます。
複数のスクリーンショットを1つのGIFにまとめて共有したい時に
操作手順やビフォーアフターなど、複数枚のスクリーンショットを1つのアニメーションGIFにまとめてブログやチャットで共有したい場合に便利です。
使い方は簡単 4ステップ
- 上部のタブから「GIFを分解」または「静止画からGIF作成」を選びます。
- 分解の場合はGIFファイルを、作成の場合は複数の静止画をドラッグ&ドロップまたは選択してアップロードします。
- 分解ならフレーム一覧から必要なコマを選択、作成ならフレーム間隔・ループ回数・出力サイズを設定します。
- プレビューで動きや内容を確認し、ZIP/PNG、またはGIFとしてダウンロードします。
※GIFの解析・合成・生成はすべてブラウザ内のメモリ上で行われ、外部のサーバーへ送信されることはありません。
ご利用時の注意点
- 分解モードは一般的なGIF87a/GIF89a形式に対応しています。フレーム数が非常に多い大容量のGIFは、解析に時間がかかる場合があります。
- 作成モードで生成されるGIFは、GIF形式の仕様上1枚あたり最大256色までの制限があり、写真など色数の多い画像は自動的に減色されます。
- 作成モードは現バージョンでは透明背景(アルファチャンネル)に対応しておらず、背景は白色として書き出されます。
- 出力サイズや画像の枚数が多いほど生成に時間がかかり、できあがるファイルサイズも大きくなります。まずは小さめの設定で試すことをおすすめします。
GIF作成時の出力サイズプリセット早見表
静止画からGIFを作成する際の出力サイズは、以下の4つのプリセットから選べます。
| 出力サイズ | 最大辺の目安 | 向いている用途 |
|---|---|---|
| 小(コンパクト) | 320px | チャットやスタンプ風など、軽量さを優先したい場合 |
| 中(標準) | 480px | 一般的なブログ・SNS投稿に使いやすい標準的なサイズ |
| 大(高精細) | 720px | ディテールを重視した作品紹介やポートフォリオ向け |
| 元サイズ | 1枚目の画像サイズを維持 | 画質を最優先したい場合(ファイルサイズは大きくなりやすい) |
GIFのしくみと、分解・作成をきれいに行うための考え方
アニメーションGIFの構造を理解しておくと、分解・作成どちらの作業もスムーズになります。
結論:GIFは「分解」と「合成」のどちらにも対応できるフォーマット
アニメーションGIFは、複数の静止画(フレーム)をディレイタイム(表示時間)とともに1つのファイルにまとめたものです。
この構造を利用すれば、既存のGIFから元のフレームを取り出す「分解」も、任意の静止画を並べて新しいGIFを作る「合成」も、同じ考え方の延長線上で行うことができます。
GIFのフレーム構造としくみ(ディスポーザル方式・ディレイタイムとは)
GIFの各フレームには、ディレイタイム(次のフレームまでの表示時間)と、ディスポーザル方式(前のフレームをどう処理してから次を描画するか)という情報が含まれています。
本ツールの分解モードでは、これらの情報を正しく解釈したうえで各フレームを画面全体のサイズに合成し、実際にアニメーションとして再生されるのと同じ見た目のPNG画像として書き出しています。
静止画からGIFを作る際の色数(256色)制限と画質を保つコツ
GIF形式は1枚あたり最大256色までしか使用できないため、色数の多い写真をそのまま使うと、グラデーション部分に色のムラ(バンディング)が出ることがあります。
複数の写真を使う場合は、全体的に色味の傾向が近い写真を組み合わせると、共通パレットでの発色が安定しやすくなります。イラストやスクリーンショットなど、もともと色数が少ない画像は特にきれいに仕上がります。
ファイルサイズを抑えるための出力サイズ・フレーム数の考え方
GIFのファイルサイズは、「出力サイズ(解像度)」×「フレーム数」にほぼ比例して大きくなります。
SNSやチャットでの共有を想定する場合は、出力サイズを「小」または「中」に抑え、動きの本質的な部分だけを残すようにフレーム数を絞ることで、軽量で読み込みの速いGIFに仕上げやすくなります。
よくある失敗と対策
色数や出力サイズを意識せず、ファイルサイズが想定以上に膨らんでしまう
元サイズ・大サイズのまま多くの静止画を追加してGIFを生成し、できあがったファイルが重すぎてSNSやチャットで送信できなかったり、表示が遅くなったりする失敗です。
💡 対策・解決策を見る▼
画像の追加順を間違え、意図しない動きのGIFになってしまう
アップロードした順番がそのままフレームの順番になることに気づかず、後から見返すとコマの順序がバラバラで不自然な動きになってしまう失敗です。
💡 対策・解決策を見る▼
大きすぎる画像をそのまま多数枚追加し、生成に時間がかかってしまう
高解像度のまま撮影した写真を数十枚まとめて追加し、パレット計算や減色処理に時間がかかって、ブラウザの動作が一時的に重くなってしまう失敗です。
💡 対策・解決策を見る▼
ループ回数を「1回」のまま投稿し、リピート再生されず違和感を与えてしまう
SNSなどでは繰り返し再生されることを前提に見られることが多いため、ループ回数を限定した設定のまま投稿し、1回で止まってしまい意図が伝わりにくくなる失敗です。
💡 対策・解決策を見る▼
分解したフレームをそのまま再度GIF化し、画質がさらに劣化してしまう
分解モードで書き出したPNGフレームを、そのまま作成モードに読み込んで再度GIF化した結果、減色処理が重なって画質が劣化してしまうケースです。
💡 対策・解決策を見る▼
よくある質問(FAQ)
Q.アップロードしたGIFや静止画はサーバーに送信されますか
A. 送信されません。GIFの解析・フレーム分解、静止画からのGIF生成のいずれも、すべての処理はお使いのブラウザ内だけで完結します。外部サーバーへの通信は発生せず、ページを閉じればデータはその場で破棄されます。
Q.分解したフレームはどのような形式でダウンロードできますか
A. 各フレームをPNG画像として個別にダウンロードできるほか、選択した複数フレームをまとめてZIPファイルとして一括ダウンロードすることも可能です。フレームの一覧からチェックを入れて必要な範囲だけを選ぶこともできます。
Q.対応していないGIFや、うまく分解できないケースはありますか
A. 一般的なGIF87a/GIF89a形式のアニメーションGIFに対応しています。非常に長い・大きいGIF(数百コマ以上、大容量)の場合は解析に時間がかかったり、ブラウザの負荷が高くなったりする場合があります。また、静止画(1コマのみ)のGIFファイルの場合、抽出されるフレームは1枚のみになります。
Q.静止画から作成したGIFの画質はどのように決まりますか
A. GIFの仕様上、1枚の画像につき最大256色までしか使用できません。本ツールでは追加した画像全体から自動で最適な256色のパレットを作成(メディアンカット法による減色)したうえでGIFを生成するため、写真のような色数の多い画像でも、実用的な範囲でできるだけ自然な発色になるよう処理しています。
Q.一度に何枚まで画像を追加してGIFを作成できますか
A. 枚数の上限は設けていませんが、画像の枚数や出力サイズが大きいほど生成に時間がかかり、できあがるGIFのファイルサイズも大きくなります。快適に使うための目安として、出力サイズは「中(480px)」以下、枚数は数十枚程度までに抑えることをおすすめします。
Q.フレームごとに再生速度(間隔)を変えることはできますか
A. はい、できます。共通のフレーム間隔をスライダーで設定して一括適用できるほか、画像ごとに個別の間隔(ミリ秒)を入力して上書きすることも可能です。動きを強調したい場面だけ間隔を短くする、といった調整ができます。
Q.透明な背景を保持したGIFを作ることはできますか
A. 現在のバージョンでは、静止画からのGIF作成時の透明背景(アルファチャンネル)の保持には対応しておらず、背景は白色として書き出されます。透明なロゴなどを使いたい場合は、あらかじめ白背景に合成した画像をご用意のうえ追加してください。
あなたの声で、
このツールをより鋭く。
「こんな機能が欲しい」「ここを直してほしい」といったご意見や、新しいツールのリクエストを募集しています。エンジニアが直接目を通し、開発の参考にさせていただきます。