画像からGIFを作成する方法：ステップバイステップ完全チュートリアル（2026年版）
GIFは静止画像のシーケンスをループアニメーションに変換する手軽な方法です。動画プレーヤーも、自動再生の許可も必要ありません。SNSへの投稿、LINEスタンプ、ビフォーアフター比較など、幅広い用途で活用されています。この記事では、画像の準備からGIF作成、ファイルサイズの最適化、プラットフォーム別のエクスポート設定まで、順を追って解説します。
ステップ1：フレームを準備する
GIFは順番に再生されるフレームの連続です。出力品質は最初のフレーム素材の質に直接依存します。準備の際に押さえておくべきポイントは以下の通りです。
- すべてのフレームを同じサイズに揃える。 幅と高さが異なるフレームが混在すると、GIFメーカーがトリミングや拡大縮小を行い、品質が劣化します。事前にVizuaの画像リサイズツールで全フレームを同一サイズに統一してください。
- フレーム数を決める。 15fpsで2秒のスムーズなアニメーションには30フレームが必要です。長いポーズを持つスライドショーなら5〜10フレームで十分です。フレームが多いほどファイルサイズが大きくなります。
- 高品質な元素材を使う。 PNGや高品質なJPEGから始めましょう。GIFフォーマットは色数を削減するため、クリーンな元素材が重要です。すでに大きく圧縮された画像を素材にするのは避けてください。
- ファイル名で順序を管理する。 ほとんどのGIFメーカーはフレームをファイル名の順で並べます。
frame-01.png・frame-02.pngのように連番をつけると、意図した順序が保たれます。
ステップ2：フレームをアップロードして順序を設定する
VizuaのGIFメーカーを開き、画像ファイルをドロップゾーンにドラッグ＆ドロップして、以下の設定を行います。
- フレームの順序。 必要に応じてフレームをドラッグして並べ替えます。最初のフレームは、アニメーションが自動再生されないプラットフォームでサムネイルとして表示されます。
- フレームのディレイ。 各フレームが表示される時間を設定します。GIFフォーマットはディレイを100分の1秒単位で計測します。ディレイ10は100ms（0.1秒）、つまり10fpsです。よく使われる設定の目安：
- 7（約14fps）— 中程度の動きのスムーズなアニメーション
- 10（10fps）— シンプルなアニメーションやスライドショーの標準
- 50（2fps）— ゆっくりしたスライドショー、ビフォーアフター比較に適切
- 100（1fps）— 1フレーム毎秒、ステップバイステップの説明に
- ループ回数。 0を設定すると無限ループ（ウェブGIFの標準）、数値を指定するとN回再生後に停止します。
- 出力サイズ。 エクスポート時にリサイズしてファイルサイズを削減します。幅480pxがほとんどの用途でベストです。
Vizuaはすべてをブラウザ内で処理します。画像がサーバーにアップロードされることはありません。
ステップ3：タイミングとループを設定する
タイミングはGIFのリズムを決める重要な要素です。単純なアニメーションには均一なディレイが適していますが、プレゼンテーション向けのGIFでは、各フレームに個別のディレイを設定することで、重要なシーンで視線を止める演出が可能です。既存のGIFを分解して再編集したい場合は、GIFからフレーム抽出ツールで個別の静止画として取り出せます。
GIFのファイルサイズを最適化する
最適化前のGIFは非常に大きくなりがちです。幅800px・256色で30フレームのアニメーションは簡単に10MBを超えます。以下の方法でサイズを大幅に削減できます。
| 最適化手法 | ファイルサイズへの影響 | 品質への影響 |
|---|---|---|
| 寸法を縮小（800px → 480px） | 約40〜60%削減 | モバイル画面ではほぼわからない |
| 色数を削減（256色 → 128色） | 約20〜30%削減 | イラストではほぼ見えない |
| 色数を削減（256色 → 64色） | 約40〜50%削減 | 写真では目立つが、グラフィックは問題なし |
| 重複フレームを削除 | 10〜50%（状況による） | なし——同一フレームを残しても意味がない |
| 非可逆圧縮を適用 | 約30〜60%削減 | 多少のノイズ・ディザリング（通常はほぼ気にならない） |
| 不要フレームをカット | 削除比率に比例 | アニメーションが少し荒くなる |
最も効果的な手順は「まず寸法を縮小 → 色数を削減 → 非可逆圧縮を適用」です。この順で進めると、多くの場合、通常の表示サイズでは見た目の差がほぼわからないまま、60〜80%のファイルサイズ削減を達成できます。
プラットフォーム別エクスポート設定
プラットフォームによってGIFの仕様が異なります。特に日本のユーザーにとって重要なのは、国内最大のメッセージングアプリLINEへの対応です。
| プラットフォーム | 最大ファイルサイズ | 推奨サイズ | 備考 |
|---|---|---|---|
| Twitter/X | 15MB（Web）、5MB（モバイル） | 幅480〜720px、16:9または1:1 | タイムラインで自動ループ。全デバイス対応のために5MB以下を目標に |
| Discord | 25MB（ファイルアップロード）、256KB（絵文字） | アップロードは任意サイズ；絵文字は128×128px | 絵文字GIFは256KB以内にするため高度な最適化が必要 |
| Slack | 128KB（カスタム絵文字） | 128×128px | 最も厳しい制限——最小フレーム数と徹底的な最適化が必須 |
| LINE（スタンプ） | 300KB | 240×240px（ポップアップスタンプは320×270px） | 日本で特に重要。300KB以内にするには10フレーム以下を目安に |
| GIPHY / Tenor | 100MB（アップロード） | 幅480px、200フレーム以内 | 15〜24fps推奨、6秒以内がエンゲージメント最大化に効果的 |
LINEスタンプのGIF制作は、日本固有のシナリオとして特別な注意が必要です。300KB以内という制限は非常に厳しいため、フレーム数（10枚以下が目安）、サイズ（240×240pxに固定）、カラーパレット（64〜128色）を最初から意識して設計することが重要です。サイズ調整には画像リサイズツールも組み合わせて使うと便利です。
一般的なSNS共有を想定した安全な目標値は「幅480px・3MB以下」です。これはどのデバイスでも高速に読み込め、どのプラットフォームでも表示でき、モバイル画面でも十分きれいに見えます。プラットフォームごとの画像サイズ仕様の全体像については、SNS画像サイズガイドもあわせてご覧ください。
よくある質問
GIFの最適なフレームレートはどのくらいですか？
ほとんどの用途では、10〜15フレーム毎秒（fps）が滑らかさとファイルサイズのバランスとして最適です。ロゴ回転などのシンプルなアニメーションは10fps、歩行や会話などの中程度の動きは15fps、速い動作や映像クリップは20〜24fpsが推奨されます。なお50fpsを超えてもブラウザは10fpsで再生してしまうため、それ以上を設定する意味はありません。
Twitter/XでGIFを5MB以下に保つにはどうすればいいですか？
フレーム数を60未満に抑え、幅を480px以下にリサイズし、カラーパレットを128色以下に減らし、非可逆圧縮を適用します。GIFの各フレームはカラーテーブル全体を保存するため、フレーム数と色数を減らすことが直接ファイルサイズの削減につながります。VizuaのGIFメーカーでは、エクスポート前にこれらの設定をすべて調整できます。
画像2枚だけでGIFを作れますか？
はい。2フレームが交互に切り替わるGIFで、シンプルなビフォー・アフター効果やトグル表示を作れます。各フレームのディレイを500〜1000ms（0.5〜1秒）に設定すると、それぞれの画像がはっきりと見えます。商品の比較、ビフォーアフター紹介、A/Bデモンストレーションに人気のフォーマットです。
GIFのファイルサイズが大きくなってしまうのはなぜですか？
GIFのファイルサイズはおもに3つの要因で決まります：フレーム数、ピクセルサイズ、色の複雑さです。幅800px・256色で100フレームのGIFは簡単に10MBを超えます。サイズを縮小するには、寸法を480pxに下げ、不要なフレームを削除し、色数を64〜128に制限し、非可逆圧縮を適用します。
LINEスタンプ用のGIFはどう作ればいいですか？
LINEスタンプのGIFは最大300KB、推奨サイズは240×240pxです（ポップアップスタンプの場合は320×270px）。300KBに収めるには、フレーム数を少なく（10フレーム以下が目安）、サイズをきっちり240×240pxに合わせ、カラーパレットを64〜128色に制限し、VizuaのGIFメーカーで非可逆圧縮を最大限に活用してください。