GIFの時間を理解する

コマの表示時間とプレビューの再生時間

コマ数、GIFに記録された間隔、ブラウザで実際に再生する時間は別の情報です。具体的な例で違いを確認し、PNGを保存するときに必要な時間情報も残しましょう。

最終更新日: 2026年10月5日

1. コマ数と時間は異なる

各コマは画像の状態を表し、表示間隔はその状態を保つ時間です。同じ24コマでも、停止を含むGIFと速いGIFでは長さが異なります。コマ数を固定のfpsで割る方法は、元の各コマの間隔を読む代わりにはなりません。

表示する合計時間は記録された間隔の和で、繰り返しすべてを含む視聴時間ではありません。静止画を選ぶだけなら画像の明瞭さを見ます。動きを再構築するときは各コマの時間とループの設定も必要です。

GIFの間隔は100分の1秒単位で、1単位は10ミリ秒です。ツールはミリ秒に換算して表示します。20ミリ秒は2単位、80ミリ秒は8単位であり、これは形式上の換算で、端末の速度を測定した数値ではありません。

0や極めて小さな値を、すべてのプレイヤーが同じ速度で実行するとは限りません。最短間隔の設定や背景タブの制限が影響します。「何が記録されているか」と「どう再生されたか」を分けて確認してください。

本ツールのプレビューは20ミリ秒未満を100ミリ秒として予定し、速いコマを観察しやすくします。ちょうど20ミリ秒の値には置換を適用しません。表示されるコマ間隔と記録合計は元の値のままで、ファイルも変更しません。

PNGは元の時間もプレビュー用時間も保存しません。画面録画を元GIFの正確な時間の根拠にせず、再編集では記録値を使ってください。最終的な編集ソフトの時間単位と最短間隔も確認する必要があります。

記録された間隔は0、10、20、80ミリ秒で合計110ミリ秒です。短い間隔の規則による予定合計は300ミリ秒で、どちらも性能実測ではありません。

制御例の間隔は0、10、20、80ミリ秒です。元データの合計は0 + 10 + 20 + 80 = 110ミリ秒。最初の2コマは20ミリ秒未満なのでプレビューではそれぞれ100ミリ秒を使い、残りは20と80のままです。

プレビューの予定間隔の和は100 + 100 + 20 + 80 = 300ミリ秒です。110と300は同じ画像列の異なる時間情報です。300は規則から求めた値で実測ではなく、端末の負荷で実際の再生はさらに遅れる場合があります。

動いているときの印象は前後のコマに左右されますが、PNGは1つの状態だけを見せます。一時停止して矢印で比較し、文字が読みやすい、形が明確、説明したい操作が分かるコマを選んでください。長く表示するコマが必ず最適とは限りません。

似た画像にも異なる間隔があり、小さな変化だけのコマもあります。ツールは重複画像を除去せず元の順序を保ちます。説明用の少数の画像では不要な重複を省けますが、アニメーションを戻すなら合計の保持時間も考慮します。

ZIPの名前には元のコマ番号が残るので、番号とミリ秒を別のメモに対応づけられます。選択した番号と元GIFも保管してください。非連続な選択で省いた時間は、次のPNGへ自動で加算されません。

編集ソフトへ画像を入れ、各間隔を設定してループと出力を確認します。固定fpsしか扱えない場合は再サンプリングやコマの繰返しを別途考えます。名前順に並べるだけではリズムは復元されず、本ツールも新しい動画やGIFを作りません。

短い間隔の扱い、背景タブ、画面更新、端末負荷は再生に影響します。ブラウザのタイマーは必ず指定時刻ぴったりに動くとは限りません。繰返し中の見え方が変わっても、元の時間データが変わったとは限りません。

同じファイルの記録時間と画像状態を別に比較します。ほかのサイトが速いという理由だけで全コマを同じ間隔に変更しないでください。音との同期などが必要なら、最終的に使う環境や専用ソフトで再生を検証します。

画像が正しく速度だけが違うなら、間隔とループを調べます。残像や背景欠落なら合成とdisposalを調べる必要があり、表示時間を延ばしても画素は直りません。原因を分ければ不要な再エンコードを避けられます。

報告にはコマ番号、元の間隔、ブラウザ、背景再生かどうかを含め、記録時間とプレビューのどちらを比較したか説明してください。計算値を実測結果と呼ばないでください。精密な時間編集が目的なら、その機能を持つソフトを使います。

1枚の画像を選ぶ方法から、透明度、表示時間、ブラウザの制限まで。出力を確認するためのガイドです。

GIFをコマごとに分解してPNGで保存する方法
GIFアニメから静止画を取り出す手順を紹介。1コマだけのPNG保存、全フレームの連番ZIP、透明部分、表示時間、大きなGIFの扱い方を説明します。
GIFの透明度と完全なコマの復元
透明色、部分更新、論理画面とdisposal 2・3を理解し、GIFから完全なコマを復元する方法を確認できます。
GIFの抽出とダウンロードの問題を解決する
ファイルの読取り、メモリ、画像サイズ、ZIPの問題を切り分け、30 MiBと1,000コマなどの制限を確認します。