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

実例

どれも 1600×1000 ピクセルの 3 枚の画像をドロップします。リストに「3 フレーム — ↑/↓ で並べ替え」と表示されます。初期設定では、「出力幅（480px）」で 480×300 の GIF になり、「フレーム遅延（200ms）」には「5.0 FPS」と表示され、「GIF をループ」にチェックが入っています。スライダーを動かして「フレーム遅延（500ms）」「2.0 FPS」にします。3 番目のフレームの横のボックスに 1500 と入力すると、最後の画像が長く表示されます。「キャプション（任意）」に Day 1 と入力し、「下」のままにします。「GIF を作成」を押します。ボタンに「エンコード中 60%…」とカウントが表示され、その後プレビューと、サイズが括弧付きの「ダウンロード」が表示されます。フレームは 0.5 秒、0.5 秒、1.5 秒の順で、合計 2.5 秒表示され、その後繰り返されます。ファイルは animation.gif として保存されます。ここで幅を変更すると、「再エンコード」を押すまで、ページに「フレームまたは設定が変更されました。GIF を更新するため再度エンコードしてください。」と表示されます。

使用する設定と制限事項

• フレームを追加して、順番に並べましょう。 このツールは JPEG、PNG、WebP の画像を受け付けます。iPhone の HEIC 写真は、追加時に PNG に変換されます。一度に複数をドロップ、参照、貼り付けでき、あとから追加することもできます。新しい画像はリストの末尾に追加されます。リストには「3 フレーム — ↑/↓ で並べ替え」と表示され、各行に「上に移動」「下に移動」の矢印と、「フレームを削除」の×があります。リストの最初のフレームが、GIF 全体の形を決めます。アニメーション GIF はフレームとして受け付けられません。
• 全フレームの速度を設定し、必要なフレームだけ上書きしましょう。 「フレーム遅延」は 50〜1000 ms を 50 刻みで動かせ、200 ms で始まります。その下の行にフレームレートが表示され、200 ms なら「5.0 FPS」、50 ms なら「20.0 FPS」です。各行の小さなボックスは、そのフレームだけの遅延を上書きします。空にするとグローバルの値が使われ、グレーのヒントで表示されます。矢印は 20 ms から始まり、10 刻みで動きます。アニメーションの終わりを長く見せたい場合は、最後のフレームに長い遅延を設定します。
• 幅とフィットを選びましょう。 「出力幅」は 100〜1200 px を 20 刻みで動かせ、480 で始まります。高さは最初のフレームの形に従うため、1600×1000 の画像を 480 にすると 480×300 になります。「フレーム フィット」は、形の違う画像をどう扱うかを決めます。「収める」（初期値）は画像全体を表示し、隙間を「背景色」（最初は白）で埋めます。「カバー」はフレームを埋めて端を切り取ります。「引き伸ばす」はフレームを埋めますが、画像が歪みます。PNG の透明な部分にも背景色が表示されます。
• ファイルサイズと画質のバランスを取りましょう。 GIF はすべてのフレームを保存するため、フレーム数と幅に応じてサイズが増え、「出力幅」を下げるのが最も効果的です。「品質」スライダーは 1〜30 で、10 で始まります。ページには「低いほど高品質・大きいファイル」と表示されるので、30 が最も小さく粗いファイルになります。「GIF をループ」にはチェックが入っており、アニメーションが永遠に繰り返されます。1 回だけ再生するにはチェックを外します。バーが「エンコード中 40%…」とカウントする間、エンコーダーは 2 つのバックグラウンドワーカーを使います。
• 必要なら、すべてのフレームにキャプションを追加しましょう。 「キャプション（任意）」は、同じ 1 行のテキストをすべてのフレームに描画します。「上」か「下」（初期値は下）と、文字色（最初は白）を選びます。読みやすいよう、テキストには必ず黒い縁取りが付きます。文字サイズは GIF の幅の 12 分の 1 で、12 px を下回ることはなく、行は折り返されません。長いキャプションは幅の 94% に収まるように圧縮されます。短くしてください。
• ダウンロードする前にプレビューを確認しましょう。 「GIF を作成」の後、プレビューがボタンの下に表示され、「ダウンロード」ボタンにはサイズが括弧付きで表示されます。ファイルは常に animation.gif として保存されます。「再エンコード」は現在の設定でもう一度実行します。エンコード後に設定の変更、フレームの並べ替え、フレーム遅延の変更をした場合、古い GIF は注記付きで画面に残り、ダウンロードすると古いアニメーションになります。フレームを追加または削除した場合は、代わりに GIF が消去されます。エンコーダーのスクリプトはこのサイトから配信され、何もアップロードされません。

よくある問題とその解決方法

「GIF 生成に失敗しました」と表示される。

ツールは開始前にすべてのフレームを読み込むため、ブラウザーがデコードできない画像が 1 つあると、実行全体が止まります。ページはどれなのかを示しません。×でフレームを数枚ずつ削除し、「GIF を作成」が動作するまで試してから、問題の画像を JPEG または PNG で保存し直してください。別のメッセージ「このブラウザーでは Canvas が利用できません」は、ブラウザーがページに 2D の描画面を提供しなかったという意味で、ツールはすべてのフレームにそれを必要とします。別のブラウザーをお試しください。

「banner.gif は GIF ファイルのため、このツールでは開けません。」と表示される。

ドロップゾーンは、名前だけでなく、ファイルの実際の種類を確認します。JPEG、PNG、WebP と、変換される HEIC が受け付けられます。GIF、AVIF、BMP は拒否されるため、アニメーション GIF をフレームとして使うことはできません。先に受け付けられる形式のいずれかで画像を保存してください。画像形式変換ツールで行えます。チェッカーが判別できないファイルには、代わりに「このファイル形式はサポートされていません」とファイル名が表示されます。

一部のフレームの両側に黒い帯が出る、または切れている。

これは「フレーム フィット」の働きで、GIF の形はリストの最初のフレームから決まります。「収める」では、形の違う画像に「背景色」で埋めた帯が付きます。「カバー」を選ぶと、フレームを埋めて端が切り取られます。「引き伸ばす」は帯をなくしますが、画像が歪みます。全体の形を変えるには、「上に移動」で正しい形の画像を先頭に移動して、「再エンコード」を押してください。

「フレームまたは設定が変更されました。GIF を更新するため再度エンコードしてください。」と表示される。

GIF を作成した後に、設定を変更した、フレームを並べ替えた、またはフレーム遅延を変更しました。プレビューと「ダウンロード」ボタンには、まだ古い GIF が保持されているため、今ダウンロードすると古いアニメーションになります。「再エンコード」を押して、新しいものを作成してください。フレームを追加または削除した場合は、代わりに古い GIF が消去されるため、この注記は表示されません。

GIF ファイルが数メガバイトある。

サイズは、フレーム数、幅、「品質」の設定で決まります。まず「出力幅」を下げ（初期値は 480）、次に「品質」を 30 に近づけ、それからフレーム数を減らしてください。すでにある GIF なら、このサイトの GIF 圧縮ツールで小さくできます。

比較

このツールは、静止画からのみアニメーション GIF を作ります。動画クリップの場合は、動画から GIF を使ってください。設定は「品質」スライダー 1 つ、幅、フレーム遅延だけで、パレット、ディザリング、最適化の設定はありません。すべてのフレームは背景色の上に描画されるため、透明は保たれません。フレームの中を描いたり、トリミングしたり、編集したりすることはできず、キャプションは全フレーム共通の 1 行のテキストです。デスクトップのアニメーションソフトのほうが、パレットやファイルサイズをきめ細かく制御できます。GIF は表示内容のわりにサイズが大きくなるので、あとで GIF 圧縮ツールが役立ちます。その代わり、インストールは不要で、画像はブラウザー内でエンコードされます。