GIF を画像シーケンスに

GIF アニメーションからすべてのフレームを画像シーケンスとして抽出します。PNG、JPEG、WebP にエクスポート。

GIFから画像への変換の仕組み

アニメーションGIFは実際には、複数のコマを1つのファイルにまとめたものです。各コマはそれぞれ独自の小さなカラーパレット(最大256色)、表示時間、そして次のコマを描く前にキャンバスをクリアするか、保持するか、復元するかを指示する破棄方法を持っています。GIFから画像へは、そのコマのデータをブラウザ内で直接読み取り、各コマを順番にデコードし、破棄方法に従って正しい背景と合成し、アニメーションの途中でそう見えるであろう姿のままキャンバスに描画します。それぞれのキャンバスは個別にPNG、JPEG、WebPファイルとしてエンコードされるため、40コマのGIFは40枚の独立した静止画になります。このツールがやらないこと。元のGIFがもともと持っていた以上に、拡大やシャープ化、色深度の追加を行うことはできません。GIFは1コマあたり8ビット・256色のパレットに制限されているため、抽出されたコマは、選んだ出力形式にかかわらず、ファイルにすでに焼き込まれていた縞模様やディザリングをそのまま引き継ぎます。また、コマが静止画になった時点でコマごとのタイミング情報は保持されず、保存されているコマの数に対してちょうど1枚ずつの画像を生成します。複数のコマを合成したり、元にはなかった中間コマを作り出したりすることは決してありません。

コマ抽出こそが必要なツールになるとき

GIFの個々のコマを、再生としてではなく実際のファイルとして必要とするときにこのツールを使います。ゲームやWeb開発者は、手描きアニメーションのGIFを1コマずつ描き直すのではなく、スプライトシートにそのまま使えるシーケンスへと分解するためにこれを使います。CMSや商品ページ、SNSカードのサムネイルや プレビュー画像を選ぶ人は誰でも、すべてのコマを抽出して、静止したときに一番良く見える瞬間を正確に選べます。スクリーンショットがどの瞬間を捉えるかを推測する必要はありません。特定の1コマにレタッチ、たとえば切り抜きや色の変更、オブジェクトの除去が必要な場合、先に抽出しておけば、動いているアニメーションの中で編集しようとするのではなく、メインエディターで編集できるきれいな静止ファイルが得られます。一部のアプリで妙な描画をするGIFを診断する際にも役立ちます。各コマを順番に個別に見ることで、再生では隠れてしまう破棄方法の不具合や不要なアーティファクトがはっきりと分かります。そしてミームやリアクションGIFにとっても、オチのコマを1枚の独立した画像としてキャプショングラフィック用に取り出す最も速い方法です。

描き直し不要の、正確なコマ単位の抽出
実際のコマから理想のポスターフレームを選択
スプライトシートにそのまま使える出力シーケンス
完全にクライアントサイドで動作し、アップロードは発生しない

GIFからコマを抽出する

ファイルが読み込まれると抽出が自動的に始まるため、手作業で1コマずつ進める必要はなく、手順は意図的に短くしてあります。

1

GIFファイルをドロップまたは選択します。ブラウザ内でローカルに読み込まれ、どこにも送信されません

2

抽出は自動的に始まります。このツールはすべてのコマを順番にデコードする間、「フレーム抽出中...」と表示します

3

出力形式をPNG、JPEG、WebPのいずれかに設定します。「PNGは最高品質、JPEGは小さいサイズ、WebPはモダンブラウザ向け」というヒントを参考に用途に合わせて選びます

4

「Xフレーム抽出済み」と表示されたら、シーケンスを見直し、必要なコマをダウンロードします

よくある質問

各コマは単純な静止画として書き出され、PNG、JPEG、WebPにはアニメーション遅延を保存するフィールドがないため、コマごとのタイミングは出力ファイルに引き継がれません。あとで必要になりそうな場合は、抽出したコマと一緒に元のGIFを残しておくか、抽出する前に遅延時間を記録しておいてください。抽出したコマからあとでアニメーションを組み立て直す場合、たとえば画像からGIFへのツールを使う場合は、新しいコマの遅延を自分で設定し直すことになります。
抽出はサーバーのクォータに対してではなくブラウザタブ内で行われるため、決め打ちのコマ数上限やファイルサイズ上限はありません。実際には、数百コマのGIFや大きなキャンバスは、すべてのコマが書き出し前にデコード・レンダリングされるため、性能の低い端末では遅くなったり多くのメモリを使ったりすることがあります。非常に大きなアニメーションでは、より高性能なマシンを使うか、小さなバッチに分けて抽出する方が体感速度がはっきり向上します。
両者は逆方向に動きます。GIFから画像へは、1つのアニメーションGIFを、番号付きの静止したPNG、JPEG、WebPファイルの連続に分解します。画像からGIFへは、複数の独立した静止画をひとまとめにして1つのアニメーションを組み立て、コマごとの遅延やループ設定を指定できます。抽出してから編集し、それを再び組み立て直す、という手順であれば、まずこのツールを使い、編集したコマを画像からGIFへで戻すことになります。
デコードされるピクセル自体は、各GIFのコマが一度だけデコードされ、選んだ形式のためにそれが再利用されるため、どちらの形式を選んでも入力段階では同じです。PNGはそれをロスレスで再エンコードするため、パレットの制約も含めて、GIFに保存されていた内容そのままが返ってきます。JPEGはその上にロッシー圧縮を加えるため、GIFの限られたパレットが生みがちな硬いエッジの周りに追加のアーティファクトが出ることがあります。WebPは一般的に、どちらよりも小さく圧縮でき、目に見える劣化も少なく済みます。これはこのツール自体のガイダンス、PNGは品質重視、JPEGはサイズ重視、WebPはモダンブラウザ向けという方針とも一致します。
1コマだけのGIFも構造としては有効なアニメーションGIFデータなので、同じ方法でデコードされ、連続したコマ列ではなくちょうど1枚の出力画像が生成されます。「フレーム抽出済み」のカウントは1と表示され、機能的にはGIFからPNG、JPEG、WebPへの単純な変換と同じ結果になります。
たいていの場合、これは不具合ではなく、そのちょうどコマの境目でGIFの破棄方法が正しく適用された結果です。一部のGIFはコマごとに変化した領域だけを再描画し、前のコマのピクセルが下に残ったままであることを前提にしています。そうしたコマの1つを単独で取り出すと、本来単独で成立する想定ではなかった背景の上に合成されたように見えることがあります。シーケンスの中でその直前・直後のコマと見比べれば、たいてい何が起きているのか説明がつきます。
いいえ。GIFから画像へは、コマのデコードと抽出をすべてブラウザタブ内で完結させ、GIFファイルが端末を離れたりサーバーに届いたりすることはありません。これはまた、処理速度がネットワーク接続ではなく自分のハードウェアに依存することも意味します。
このツールは実行するたびにすべてのコマをデコードして書き出します。抽出前に1つのコマだけを対象にするコントロールはありません。1枚だけ必要な場合は、まず完全な抽出を実行し、書き出されたセットの中から、たとえば理想のポスターフレームなど欲しいコマを選んで、残りは破棄してください。

その他の画像ツール

画像編集のニーズに応える他の強力なツールをご覧ください

画像圧縮

サイズ縮小

サイズ変更

寸法変更

画像切り抜き

領域を切り取る

形式変換

形式を変更

フォトエディター

写真を編集

画像回転

画像を回転

画像反転

水平/垂直反転

透かしを追加

透かし

枠線追加

画像枠線を追加

角丸

角丸を追加

フィルター

明るさ/コントラスト

顔をぼかす

顔を隠す

モザイク

領域をぼかす

背景削除

背景を削除

画質向上

AI拡大

テキスト追加

画像にテキストを追加

コラージュ

複数の画像を結合

HTMLから画像

Webを画像に

画像の余白を削除

空白の縁を削除

画像を一括リネーム

ファイル名を安全に一括変更

円形切り抜き

画像を円形に切り抜き

白黒

画像をグレースケールに変換

画像分割

画像をグリッドに分割

画像結合

画像を1つに結合

DPI変更

画像のDPIメタデータを設定

画像→Base64

画像をBase64にエンコード

画像をPDFに結合

複数の画像を1つのPDFにまとめる

HEIC→JPG

iPhoneのHEIC写真をJPGに変換

EXIF除去ツール

GPS位置情報を含む写真の隠しメタデータを表示・除去

ファビコン ジェネレーター

完全なアイコンセットとHTML

カラーパレット

画像から色を抽出

Base64→画像

Base64をデコードして画像に戻す

HEIC→PNG

iPhoneのHEIC写真をロスレスでPNGに変換

文字を被写体の後ろに

写真の被写体の後ろに文字を回り込ませる。すべてブラウザ内で完結

カラーピッカー

任意のピクセルのHEX・RGB・HSLを取得

署名メーカー

署名を手書きして透過PNGでダウンロード

署名の背景削除

紙の上のインクを透過に

背景透過ツール

背景を透明にする