アニメーションGIFメーカー

ブラウザ内で画像からアニメーションGIFを作成。フレームの並べ替え、表示時間、ループ回数、幅、背景を設定し、プレビューしてダウンロードできます。

ここに画像をドロップするか、クリックして選択(複数可)
クリップボードから画像を貼り付けることもできます(Ctrl+V / ⌘V)

すべてブラウザ内で実行されます。データがアップロードされることはありません。

GIFメーカーとは?

GIFメーカーは、一連の静止画をアニメーションGIFに変換します。画像をドロップ、選択、貼り付けてフレームを追加し、並べ替えや削除をして、フレームごとの表示時間、アニメーションを無限ループ・1回・指定回数のどれにするか、出力の幅、形の異なるフレームの収め方を設定できます。

GIFメーカーの使い方

  1. 2枚以上の画像をドロップ、選択、または貼り付けます。その順序でフレームになります。
  2. 矢印ボタンで並べ替えるか、✕でフレームを削除します。
  3. フレームごとの表示時間、GIF の幅、ループ、形の異なるフレームの収め方、背景色を設定します。
  4. 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ビット透過によるギザギザのエッジを避けられます。

他のカテゴリを見る