画像からGIFアニメーションを作成 — スライドショー・商品紹介・コマ撮り

• 1. 画像をアップロード

  アップロードエリアをクリックするか、画像ファイルをドラッグ＆ドロップします。対応フォーマット：JPG・PNG・WebP。フレームをまとめたZIPアーカイブもアップロード可能で、内部のすべての画像が自動的にインポートされます。フレーム数の上限はありません。

• 2. フレームの順番を設定

  アップロード後、画像がサムネイルとして表示されます。ドラッグ＆ドロップでシーケンスを並び替えてください。アニメーションは左から右・上から下の順番で再生されるため、生成前に順番を必ず確認してください。ヒント：アップロード前にファイル名を01_frame.jpg・02_frame.jpgのように変更しておくと自動的にソートされます。

• 3. 速度とループ回数を調整

  遅延スライダーで各画像の表示時間を設定します。0.08〜0.12秒でなめらかなアニメーション、0.5〜1.5秒でチュートリアル画像向けになります。ループ回数を0に設定すると無限ループ、特定の数値を入力すると設定回数再生後に停止します。

• 4. 必要に応じてリサイズ

  出力幅を設定して最終的なファイルサイズを調整します。SNS向け：480〜600px。ECサイト商品ページ：600px。ブログ埋め込み：600〜800px。画像のサイズが異なる場合は、一括画像クロッパーで事前にフレームのサイズを統一してください——これにより出力GIFでのずれを防げます。

• 5. 生成してダウンロード

  「GIFを作成」をクリック。アニメーションはブラウザ内で完全に処理されます——ファイルはサーバーにアップロードされません。透かしなし・アカウント登録不要で即ダウンロード。GIFが大きすぎて共有できない場合はこちらで圧縮できます。

• 商品紹介

  商品の角度違い写真を4〜8枚アップロード。遅延を0.3〜0.5秒、幅を600pxに設定します。ループするGIFはShopify・BASE・Amazon出品ページに最適で、購入者が個別の画像をクリックしなくても複数の角度を確認できます。

• フォトスライドショー

  写真を時系列順にアップロード。各フレームの遅延を1〜2秒に設定して、閲覧者が各写真を見る時間を確保します。ブログ記事・記念日まとめ・イベントハイライトに適しています。

• コマ撮りアニメーション

  連続したフレームをアップロード——フレームが多いほど動きがなめらかになります。遅延を0.06〜0.1秒に設定。15〜20フレームを0.08秒で再生するだけでも、説得力のあるコマ撮りアニメーションが作れます。ファイルが大きすぎる場合は、まず出力幅を480pxに縮小してください。

• ステップバイステップチュートリアル

  各ステップのスクリーンショットを順番にアップロード。閲覧者が各ステップを読む時間として遅延を0.8〜1.5秒に設定。ループの区切りを示すために最後に空白またはソリッドカラーのフレームを追加すると効果的です。このフォーマットはブログ記事やドキュメントページへの埋め込みにも適しています。

画像の幅や高さが異なる場合、出力GIFでフレームのずれやトリミングが発生することがあります。これは異なる距離から撮影した商品写真や、異なる画面サイズのスクリーンショットで特に目立ちます。

推奨する解決策：アップロード前にすべてのフレームのサイズを統一してください。一括画像クロッパーを使えば、すべての画像を同じ幅・高さに一括でリサイズ・クロップできます。その後、こちらに戻ってGIFを生成してください。

多少のずれがあっても構わない場合は、そのまま作成することもできます。ツールは最初のフレームの幅を出力キャンバスとして使用し、後続のフレームはそれに合わせてスケールされます。

GIF作成ツールで最もよくある問題は、フレームの順番の間違いです。これを防ぐ方法を紹介します：

• アップロード前にファイル名を変更する：IMG_4821.jpgのようなカメラが自動生成した名前ではなく、01_frame.jpg・02_frame.jpg・03_frame.jpgのように変更してください。ツールはファイル名で自動ソートします。
• アップロード後、「作成」をクリックする前に必ずサムネイルの順番を確認してください。ずれているサムネイルは正しい位置にドラッグしてください。
• ピンポン（前進→逆再生）ループを作るには：フルシーケンスをアップロードしてから、同じ画像を逆順でもう一度アップロードしてください。GIFは1つのループで前後に再生されます。
• 商品回転GIFの場合、均等な角度（30度または45度ごと）で撮影すると、0.1秒の遅延でよりなめらかな仕上がりになります。

クロスフェードトランジションやフレームごとのタイミング設定が必要な場合は、GIFエディターをご使用ください。