CutFast CutFast
ガイド

動画をGIFに変換する完全ガイド|MP4/MOVからGIFを作る4つの無料方法

公開日 · 著者: CutFast Team

動画をGIFに変換する完全ガイド|MP4/MOVからGIFを作る4つの無料方法

GIF アニメは仕事でも SNS でも欠かせない存在です。製品デモで操作手順を見せたい、チャットでリアクション GIF を使いたい、技術ドキュメントでバグを再現したい、X(旧Twitter)でバズらせたい——。

でも動画をそのまま貼るのは不便なシーンが多い——メールは動画を埋め込めない、Slack では動画再生にクリックが必要、GitHub の README は GIF しかサポートしない。だから「動画から GIF」は絶えず高頻度のニーズです。

変換前に知っておきたい:GIF の特徴と限界

GIF のメリット

  • 自動ループ再生:ユーザーのクリック不要
  • 互換性抜群:ほぼすべてのアプリ、Web、メールで表示可能
  • 短いアニメに最適:3〜10秒のアニメで映える

GIF のデメリット

  • ファイルサイズが大きい:GIF の圧縮効率は低く、5秒の GIF は同時間の MP4 の5〜10倍の容量
  • 最大256色:256色パレットのみ、色鮮やかなシーンでは色帯が目立つ
  • 音声なし:GIF は音をサポートしない

パラメーターがファイルサイズに与える影響

パラメーター ファイル拡大 ファイル縮小
解像度 1080p 480p または 320p
フレームレート 30fps 10〜15fps
時間 10秒超 3〜5秒
色数 256色 128色 または 64色

黄金ルール:GIF は5秒以内、幅480px、15fps に抑えると、ファイルは通常2〜5MB に収まります。

方法1:CutFast オンライン変換(おすすめ)

CutFast は MP4 と MOV から GIF への変換をサポート、ブラウザ内ローカル処理。

MP4 から GIF

  1. cutfa.st/features/video-to-gif を開く
  2. MP4 ファイルをアップロード
  3. パラメーター設定:
    • 開始・終了時間:GIF にする区間を選択
    • :480px 推奨(品質とサイズのバランス)
    • フレームレート:15fps 推奨(滑らかで大きすぎない)
  4. 変換クリック
  5. プレビュー、GIF ダウンロード

MOV から GIF

  1. cutfa.st/features/mov-to-gif を開く
  2. MOV ファイルアップロード(iPhone 画面録画 / 録画でよく使うフォーマット)
  3. 同じくパラメーター設定
  4. 変換・ダウンロード

主なメリット

  • リアルタイムプレビュー:変換前に効果確認
  • 正確なトリミング:動画の任意区間を選択可能
  • ブラウザ内ローカル処理:サーバーにアップされない
  • パラメーター可変:幅、フレームレート、色数すべてカスタマイズ
  • 無料

方法2:FFmpeg コマンドライン

FFmpeg は最も正確な GIF 生成制御を提供。

基本変換

ffmpeg -i input.mp4 -vf "fps=15,scale=480:-1" -t 5 output.gif

パラメーター説明:

  • fps=15:フレームレート 15fps
  • scale=480:-1:幅 480px、高さ自動
  • -t 5:先頭5秒を切り出し

高画質変換(2段階法)

先にパレットを生成、そのパレットで GIF 化すると画質が大幅アップ:

# ステップ1:パレット生成
ffmpeg -i input.mp4 -vf "fps=15,scale=480:-1:flags=lanczos,palettegen" palette.png

# ステップ2:パレット使って GIF 生成
ffmpeg -i input.mp4 -i palette.png -filter_complex "fps=15,scale=480:-1:flags=lanczos[x];[x][1:v]paletteuse" output.gif

特定時間区間の切り出し

ffmpeg -i input.mp4 -ss 00:00:30 -t 5 -vf "fps=15,scale=480:-1" output.gif

-ss 00:00:30 は30秒地点から、-t 5 は5秒切り出し。

メリット・デメリット

  • 画質最良(2段階パレット法)
  • パラメーター制御最も正確
  • コマンドライン操作のハードル高
  • リアルタイムプレビュー不可

方法3:Photoshop

Photoshop は動画のフレームをインポートして GIF 書き出しできます。

手順

  1. ファイル → 読み込み → ビデオフレームからレイヤーへ
  2. 読み込み範囲とサンプリング頻度を選択
  3. ウィンドウ → タイムライン、フレームレート調整
  4. ファイル → 書き出し → Web 用に保存
  5. GIF 形式選択、パラメーター調整

メリット・デメリット

  • 各フレームを精密に編集可能
  • 色最適化オプションが豊富
  • Photoshop は有料サブスクリプション
  • 操作手順が最も多い
  • 大きな動画の処理が遅い

方法4:オンライン GIF 作成ツール

EZGIF、Giphy などのオンラインツールも動画から GIF をサポート。

メリット・デメリット

  • インストール不要
  • 操作シンプル
  • ファイルをサーバーにアップロード必要
  • ファイルサイズ制限あり(通常100MB)
  • 広告あり
  • 出力品質が一般的

4つの方法の比較

方法 画質 使いやすさ プライバシー 無料
CutFast 最高 ローカル 対応
FFmpeg 最高 ローカル 対応
Photoshop 最高 ローカル 有料
オンラインツール アップロード 対応

用途別のベストプラクティス

製品デモ GIF

  • 解像度:幅640px
  • フレームレート:15fps
  • 時間:5〜10秒
  • Tips:GIF 先頭と最後に0.5秒の停止を入れる

リアクション / SNS GIF

  • 解像度:幅320〜480px
  • フレームレート:10〜12fps
  • 時間:2〜4秒
  • Tips:ループの繋ぎが自然になるように

技術ドキュメント GIF

  • 解像度:幅800px(コードキャプチャは鮮明さが必要)
  • フレームレート:10fps
  • 時間:操作複雑度に応じて
  • Tips:重要操作はスロー再生

よくある質問

GIF が大きすぎる時は?

3つのパラメーターを下げる:解像度(480px → 320px)、フレームレート(15fps → 10fps)、時間(重要部分のみ切り出し)。

GIF 画面に色帯 / ザラザラ感が出る理由は?

GIF は256色しかサポートしないため。色鮮やかな画面(グラデーション背景など)では色帯が目立ちます。解決策:FFmpeg の2段階パレット法を使う、または WebP 形式を検討(より多色対応)。

GIF を MP4 に戻せる?

可能です。CutFast のフォーマット変換機能や FFmpeg:ffmpeg -i input.gif output.mp4

Macでも使えますか?

CutFast はブラウザベースなので Mac、Windows、iPad どれでも動作。iPhone 画面録画の MOV もそのまま GIF 化できます。

次のステップ

  1. 素早く変換 → CutFast MP4→GIF
  2. 最高画質 → FFmpeg の2段階パレット法
  3. フレーム単位で編集 → Photoshop

もっと動画処理テクを知りたい方は オンライン動画編集完全ガイド動画フォーマット変換完全ガイド もどうぞ。