このツールが役立つ場合
個々のアニメーション状態を確認し、ソースフレームを選択し、コンタクトシートを作成したり、明示的なタイミングノートと共にエディタにフレームを移動すること。
局所処理の仕組み
GIFの破棄方法と透過性はGIFデコーダによってフルキャンバスのRGBAフレームに解決されます。アニメーションWebPの場合、このツールは互換性のあるブラウザImageDecoderを必要とし、デコードされたフレームと時間を読み取ります。各フレームはPNGになり、JSONマニフェストに順序、寸法、利用可能なタイミングが記録されます。
使い方
- ソースを準備する: 個々のアニメーション状態を確認し、ソースフレームを選択し、コンタクトシートを作成したり、明示的なタイミングノートと共にエディタにフレームを移動すること。
- ローカルで処理する: GIFの破棄方法と透過性はGIFデコーダによってフルキャンバスのRGBAフレームに解決されます。アニメーションWebPの場合、このツールは互換性のあるブラウザImageDecoderを必要とし、デコードされたフレームと時間を読み取ります。各フレームはPNGになり、JSONマニフェストに順序、寸法、利用可能なタイミングが記録されます。
- ダウンロードして確認する: マニフェストのフレーム数、順序、再生時間をソースビューアでの再生と比較し、破棄や透過の遷移周辺のすべてのPNGを確認し、抽出に使用された正確なブラウザでWebP由来のタイミングを検証します。
重要な制限事項
GIFはサポートされる主要なアニメーションパスです。アニメーションWebPの抽出はブラウザImageDecoderの可用性とコーデックの挙動に依存し、通常のWebP画像が表示される場合でも利用できないことがあります。PNGフレームはアニメーションを保持せず、圧縮されたフレーム長方形はフルキャンバスになり、タイミング精度はデコーダによって異なる場合があり、メタデータや元の圧縮は保持されません。
ダウンロードした結果を確認する
マニフェストのフレーム数、順序、再生時間をソースビューアでの再生と比較し、破棄や透過の遷移周辺のすべてのPNGを確認し、抽出に使用された正確なブラウザでWebP由来のタイミングを検証します。
私設設計
あなたのファイルはこのブラウザに残ります。ツールはソースや出力をサーバーにアップロードしません。
質問と回答
このツールはいつ役立ちますか？
個々のアニメーション状態を確認し、ソースフレームを選択し、コンタクトシートを作成したり、明示的なタイミングノートと共にエディタにフレームを移動すること。
ブラウザは実際に何をしますか？
GIFの破棄方法と透過性はGIFデコーダによってフルキャンバスのRGBAフレームに解決されます。アニメーションWebPの場合、このツールは互換性のあるブラウザImageDecoderを必要とし、デコードされたフレームと時間を読み取ります。各フレームはPNGになり、JSONマニフェストに順序、寸法、利用可能なタイミングが記録されます。
理解しておくべき制限は何ですか？
GIFはサポートされる主要なアニメーションパスです。アニメーションWebPの抽出はブラウザImageDecoderの可用性とコーデックの挙動に依存し、通常のWebP画像が表示される場合でも利用できないことがあります。PNGフレームはアニメーションを保持せず、圧縮されたフレーム長方形はフルキャンバスになり、タイミング精度はデコーダによって異なる場合があり、メタデータや元の圧縮は保持されません。
結果をどのように確認すべきですか？
マニフェストのフレーム数、順序、再生時間をソースビューアでの再生と比較し、破棄や透過の遷移周辺のすべてのPNGを確認し、抽出に使用された正確なブラウザでWebP由来のタイミングを検証します。