画像からアニメーションGIFを作成します

範囲内の静止画像をフレームとして配置し、キャンバスのフィット、ループ、フレーム遅延、パレットおよびディザリングのコントロールを選択し、ローカルでアニメーションGIFをエンコードします。

このツールが役立つ場合

簡単なデモ、反応ループ、ビフォー・アフターシーケンス、小規模チュートリアル、または広範なGIF再生サポートが必要な低色数のアニメーション。

局所処理の仕組み

ブラウザは各静止ソースをデコードし、1つの範囲内RGBAキャンバスにフィットまたはトリミングし、選択したディザリングでフレームをGIF対応パレットに量子化し、明示的なセンチ秒単位のフレーム遅延とループ回数を記述し、GIFを再度開いてフレーム数を確認します。

使い方

  1. ソースを準備する: 簡単なデモ、反応ループ、ビフォー・アフターシーケンス、小規模チュートリアル、または広範なGIF再生サポートが必要な低色数のアニメーション。
  2. ローカルで処理する: ブラウザは各静止ソースをデコードし、1つの範囲内RGBAキャンバスにフィットまたはトリミングし、選択したディザリングでフレームをGIF対応パレットに量子化し、明示的なセンチ秒単位のフレーム遅延とループ回数を記述し、GIFを再度開いてフレーム数を確認します。
  3. ダウンロードして確認する: 対象ブラウザでGIFを数回ループさせ、ソースの順序、フレーム数、ループ動作、可視タイミングを確認し、パレットのグラデーションと透明な端を対照的な背景で検査し、報告された寸法とバイトサイズを比較します。

重要な制限事項

GIFは色テーブルごとに最大256のパレットしかサポートせず、透明性は二値のみであるため、グラデーション、写真、半透明の端や影はバンディング、ディザリング、またはハローが発生する可能性があります。フレーム遅延はセンチ秒に丸められ、一部のビューアは非常に短い遅延を制限します。1つのグローバル遅延では可変ソースタイミングを再現できず、大きなキャンバスや多くのフレームは拒否されます。

ダウンロードした結果を確認する

対象ブラウザでGIFを数回ループさせ、ソースの順序、フレーム数、ループ動作、可視タイミングを確認し、パレットのグラデーションと透明な端を対照的な背景で検査し、報告された寸法とバイトサイズを比較します。

私設設計

あなたのファイルはこのブラウザに残ります。ツールはソースや出力をサーバーにアップロードしません。

質問と回答

このツールはいつ役立ちますか?

簡単なデモ、反応ループ、ビフォー・アフターシーケンス、小規模チュートリアル、または広範なGIF再生サポートが必要な低色数のアニメーション。

ブラウザは実際に何をしますか?

ブラウザは各静止ソースをデコードし、1つの範囲内RGBAキャンバスにフィットまたはトリミングし、選択したディザリングでフレームをGIF対応パレットに量子化し、明示的なセンチ秒単位のフレーム遅延とループ回数を記述し、GIFを再度開いてフレーム数を確認します。

理解しておくべき制限は何ですか?

GIFは色テーブルごとに最大256のパレットしかサポートせず、透明性は二値のみであるため、グラデーション、写真、半透明の端や影はバンディング、ディザリング、またはハローが発生する可能性があります。フレーム遅延はセンチ秒に丸められ、一部のビューアは非常に短い遅延を制限します。1つのグローバル遅延では可変ソースタイミングを再現できず、大きなキャンバスや多くのフレームは拒否されます。

結果をどのように確認すべきですか?

対象ブラウザでGIFを数回ループさせ、ソースの順序、フレーム数、ループ動作、可視タイミングを確認し、パレットのグラデーションと透明な端を対照的な背景で検査し、報告された寸法とバイトサイズを比較します。

関連ツール