アニメーションGIFメーカー
ブラウザ内で画像からアニメーションGIFを作成。フレームの並べ替え、表示時間、ループ回数、幅、背景を設定し、プレビューしてダウンロードできます。
すべてブラウザ内で実行されます。データがアップロードされることはありません。
GIFメーカーとは?
GIFメーカーは、一連の静止画をアニメーションGIFに変換します。画像をドロップ、選択、貼り付けてフレームを追加し、並べ替えや削除をして、フレームごとの表示時間、アニメーションを無限ループ・1回・指定回数のどれにするか、出力の幅、形の異なるフレームの収め方を設定できます。
GIFメーカーの使い方
- 2枚以上の画像をドロップ、選択、または貼り付けます。その順序でフレームになります。
- 矢印ボタンで並べ替えるか、✕でフレームを削除します。
- フレームごとの表示時間、GIF の幅、ループ、形の異なるフレームの収め方、背景色を設定します。
- GIF を作成をクリックして、アニメーションをプレビューし、
animation.gifをダウンロードします。
例
Two 40×20 PNG frames, default settings
40×20 animated GIF (file starts with GIF89a) with 2 frames, 500 ms each, looping forever
GIFメーカーを使うべき場面
数枚の画像から作る、簡単なアニメーション、手順を追うチュートリアル、製品デモ、ミームに使います。GIFはフレームあたり256色に制限され、ファイルは急速に大きくなるため、長いものや写真のアニメーションには、動画形式(MP4/WebM)のほうが通常ははるかに小さくなります。
GIFメーカーの仕組み
各フレームは出力サイズにリサイズされ(高さは最初のフレームの縦横比に従います)、余白の追加または切り抜きで収められ、背景色の上に合成されます。その後、256色のパレットに量子化され、gifenc ライブラリでLZWエンコードされます。表示時間はフレームごとに100分の1秒単位で保存され、ループ回数はNETSCAPE2.0アプリケーション拡張に書き込まれます(0 = 無限)。
一般的な使用例
- チュートリアル用のUIスクリーンショットの連続のアニメーション化
- ループする商品画像のカルーセルの作成
- イラストからの簡単なコマ撮りアニメーションの作成
- 写真を組み合わせた短いアニメーションの挨拶の作成
セキュリティ注意事項
画像はブラウザ内でCanvas APIを使ってデコード、処理、エンコードされます。サーバーには何もアップロードされません。
よくある質問
何フレームまで追加できますか?
最大200フレームで、出力の幅は最大1024pxです。大きなGIFはエンコードに時間がかかり、ファイルも大きくなります。
写真に縞模様が出るのはなぜですか?
GIFはフレームあたり最大256色しか保存できないため、なめらかなグラデーションは近似されます。これはGIF形式の制限です。
透過は保たれますか?
いいえ。フレームは選んだ背景色の上に置かれ、GIFの1ビット透過によるギザギザのエッジを避けられます。