GIFスプリッター–アニメーションGIFのフレームをブラウザで抽出
GIFスプリッターは、アニメーションGIFをブラウザ上で個別の画像フレームに変換します。gifuct-jsで各フレームをデコードし、フレームのディスポーザル方式とパッチオフセットで合成するため、フレームグリッドにはデコード結果がフレーム番号とディレイ付きで表示されます。選択したフレームまたは全フレームを選び、出力形式をPNG・JPG・BMP・WebPに設定し、カスタムファイル名パターンを指定したら、ファイルをダウンロードするかZIPでまとめてください。
GIFスプリッターは、アニメーションGIFを個別の画像フレームに変換します。gifuct-jsですべてのフレームをデコードし、各フレームの番号とディレイ付きでフレームグリッドに表示します。これにより、アニメーションを確認して保存するフレームを選ぶのが簡単になります。
デコード中は、ツールが各フレームのディスポーザル方式とパッチオフセットを使ってフレームを合成します。選択したフレームまたは全フレームをダウンロードでき、出力形式としてPNG・JPG・BMP・WebPを選べ、カスタムファイル名パターンを設定できます。全フレームのダウンロードはZIPで提供されます。
GIFはフレームのシーケンスをアニメーションとして格納できますが、このツールではそれらのフレームを個別の画像ファイルとして扱えます。アニメーションを個別の画像に変換すると、特定のフレームが必要な場合、シーケンスを確認したい場合、個別のアセットを扱うワークフロー用に画像ファイルが必要な場合に便利です。出力形式が選べるので、抽出したフレームに合わせて選択できます。
GIFスプリッターは完全にブラウザ上で動作します。入力はデバイス上で処理され、サーバーへのアップロード・保存・送信は行われません。サーバー依存がないため、ページ読み込み後はオフラインで使えます。エディターをインストールせずに、GIFアセットを用意・レビューしたい開発者、DevOpsエンジニア、すべての方が使えます。
手順1: アニメーションGIFをツールにドロップして、ブラウザ上での処理を開始します。
手順2: フレームグリッドを確認し、各デコード済みフレーム、フレーム番号、ディレイを確認します。
手順3: 選択したフレームか全フレームかを選び、出力形式をPNG・JPG・BMP・WebPに設定します。
手順4: 必要に応じてカスタムファイル名パターンを設定し、画像ファイルをダウンロードするか、全フレームをZIPでダウンロードします。
用途: エディターをインストールせずにGIFを個別の画像ファイルに分割。
用途: アニメーションから必要なフレームだけを抽出し、すべてのフレームを残さないときに。
用途: アニメーションをまとめられない形式・ワークフロー用に、個別のフレーム画像を用意。
用途: グリッド、フレーム番号、表示されるディレイを使って、アニメーションをフレームごとにレビュー。
用途: ドキュメント、デザインレビュー、開発作業用に、GIFから個別の画像アセットを作成。
用途: 抽出したフレームをセットとして整理して保持する必要があるときに、すべてZIPでダウンロード。