動画からGIFを作る方法：サイズ・フレームレート・ループのコツ

GIFはウェブより古い形式です。1987年にCompuServeが最初のバージョンであるGIF87aを公開しました。ダイヤルアップ回線で静止画を送るための形式でした。1989年の改訂版GIF89aで、アニメーションを可能にする2つの機能、フレームごとの遅延時間と1色の透明色が追加されました。ループ再生は1995年、Netscape Navigator 2.0が繰り返し回数を指定する小さなアプリケーション拡張を読み取るようになってからです。現在のアニメーションGIFもすべてこのブロックを含むGIF89aファイルであり、そのためほぼすべてのブラウザやメールソフトで再生できます。

GIFの中身は、インデックスカラー画像の積み重ねです。各フレームは最大256エントリのカラーテーブルを参照するため、元の動画に数百万色あっても、1フレームで表示できるのは256色までです。ピクセルはLZWという可逆の辞書式圧縮で圧縮されます。単色の平坦な領域には効果的ですが、写真のノイズ、粒状感、グラデーションには不向きです。LZW自体は何も捨てません。画質が落ちるのは、その前に数百万色をパレットに押し込む段階です。

GIFにはもう2つ、保持できないものがあります。まず音声トラックがないため、動画の音は消えます。次にタイミングが粗く、遅延は100分の1秒単位で保存され、多くのブラウザは0や1(100分の1秒)の遅延を10(100分の1秒)として扱います。そのため50 fps以上で作ったGIFは、滑らかになるどころか遅く再生されます。実用的な範囲は10〜25 fpsです。

H.264のような現代の動画コーデックは、完全な画像をときどきしか保存せず、ほとんどのフレームを直前からの小さな変化として記録します。GIFも前のフレームの一部の矩形だけを更新することで多少は同じことができますが、動き予測のような仕組みはありません。カメラが動くとほぼすべてのピクセルが変わり、各フレームがほぼそのまま保存されます。そのため2 MBのスマホ動画が15 MBのGIFになることもあれば、静止したウィンドウ上でマウスが動くだけの画面録画は非常に小さいままです。

GIFの容量はおおよそ幅×高さ×フレーム数で決まり、フレーム間で変化しない部分があるほど小さくなります。このため、効果の大きい順に調整項目を並べられます。長さはフレーム数にそのまま効き、8秒を4秒にすれば半分になります。幅はピクセル数に2乗で効き、640 pxから320 pxにすると各フレームのピクセルは4分の1です。フレームレートもフレーム数に比例して効き、身振りや顔なら12 fpsでも意外と十分です。色数を減らす効果は思ったより小さく、通常10〜30%です。LZWはパレットの大きさより繰り返しパターンを重視するためです。

ディザリングは、多くの人が迷うトレードオフです。パレットにない色合いを近い色の点を散らして擬似的に表現するので、空や肌の帯状のムラ(バンディング)は目立たなくなりますが、LZWが苦手な細かいノイズが加わります。画面録画、アニメ調の絵、UIのデモなど、もともとベタ塗りの映像ではオフにし、実写ではオンのままにします。最後の調整手段はクロップで、動かない縁や黒帯を切り落とせば、被写体に手を加えずにピクセルを減らせます。

共有されるGIFの多くは、リアクション、ゴール、ボタンのクリックとその後の画面など、ひとつの見せ場だけです。頭の中でストップウォッチを動かしながら動画を一度見て、見せ場が始まる秒と、はっきり決まった秒をメモし、ループが唐突にならないよう前後に数フレームずつ足します。元の動画が長い場合は、先に動画トリミングで範囲を切り出し、短いファイルで作業します。コンバーターなら、開始位置と終了位置に秒または分:秒で時間を入力すれば、別の手順なしで同じことができます。

GIFの再生開始位置も考えておきましょう。多くのチャットアプリやメールソフトは、読み込み中に最初のフレームを表示します。2007〜2016年のWindows版Outlookは最初のフレームしか表示せず、アニメーションしません。パンの途中のぶれた場面ではなく、静止画として意味が通じるフレームから始めてください。GIFの要点が字幕や結果なら、終了位置を延ばしてその最後の場面を0.5秒ほど保持し、ループが再開する前に読めるようにします。

どの設定よりも先に、GIFの投稿先が容量の上限を決めます。Discordは2024年に無料アカウントのアップロード上限を1ファイル10 MBに下げており、多くの人が最初にぶつかる数字です。Nitro Basicなら50 MB、Nitroなら500 MBに上がります。GIPHYは15秒・100 MBまでアップロードできます。Xは15 MBまでのGIFを受け付け、アップロード時にループ動画へ変換します。RedditはGIFを100 MBまで受け付けますが、こちらも動画として配信します。Slackは1 GBまでのファイルを扱えますが、カスタム絵文字は128 KB未満に収める必要があり、幅を極小にして、短いループと少ない色数にすることになります。

メールは特殊です。Gmailは1通あたり25 MB、Outlook.comは20 MBまでの添付が可能ですが、ニュースレターや署名の本文にインラインで入れるGIFは、モバイル回線でもすぐ開けるよう1 MBを大きく下回るのが望ましいです。チャットでは、受け取る側の回線が遅いこともあるため、上限ぎりぎりではなく半分程度を目安にしてください。下の数値は2025年時点のものです。上限すれすれのときは、各サービスのヘルプページで確認してください。

XがアップロードされたすべてのGIFを2014年からMP4に変換しているのは、通信量のためです。GIFで4 MBになる同じ5秒間も、H.264なら数百KBに収まるのが一般的で、256色ではなくフルカラーになり、ディザリングのノイズもありません。GIPHYやTenorも同様で、キーボードのGIFボタンは通常、小さなMP4やWebPを取得しています。つまり問うべきは、最良のGIFの作り方ではなく、投稿先にそもそもGIFが必要かどうかです。

投稿先が画像は表示できても動画は表示できない場合は、本物のGIFを使います。たとえばメール本文、GitHubのREADMEやIssue、Jiraのチケット、wiki、古いフォーラム、どのビューアーでも動く必要のあるスライドです。動画がミュートでその場再生される場所、つまりほとんどのSNSや最新のチャットアプリでは、MP4やWebMのループのほうがきれいで読み込みも速くなります。自分で管理できるウェブページなら、<video autoplay muted loop playsinline>要素でGIFと同じように動作させられ、データ量はごくわずかで済みます。

この中間にある画像形式が2つあります。Google発のアニメーションWebPは、数百万色と非可逆圧縮に対応し、2020年のバージョン14からSafariでも再生できるため、現行の主要ブラウザすべてで動きますが、ブラウザ外のアプリには非対応のものが多くあります。APNGはPNGにフレームを加えた形式で、フルカラーと本物のアルファ透明を保てます。AppleやLINEがアニメーションスタンプに使っています。すでにGIFがあり、動画を再生できるサイト向けに小さくしたいだけなら、GIFをMP4に戻すのが、たいてい最も大きな削減になります。

スマホなら追加アプリなしで作れます。iPhoneでは、ショートカットアプリに動画またはLive Photoを受け取るGIFを作成アクションがあり、元素材はLive Photoのループやバウンス効果で手早く撮れます。SamsungのギャラリーアプリはGIFボタンが動画再生中に表示され、見えている区間をGIFとして記録します。GIPHYアプリとウェブ版GIF Makerなら、トリミング、キャプション、アップロードを1か所で行えますが、保存だけにしない限り結果は公開されます。Photoshopではファイル > 読み込み > ビデオフレームからレイヤーへで最大500フレームを取り込め、書き出し > Web用に保存(従来)でパレットとディザの設定付きでGIFを書き出せます。

細かく制御したい場合や一括処理には、ffmpegの2パスのパレット方式が最もきれいに仕上がります。最初のフィルターでクリップを走査して実際の色から256色のパレットを作り、2番目のフィルターで各フレームをそれに割り当てます。下の1行コマンドは、0:02から5秒を切り出し、幅480 pxに縮小し、12 fpsでサンプリングして無限ループにします。ブラウザでは、動画GIF変換が同じパレット処理を行い、幅、フレームレート、色、ディザリングで調整できます。MP4をGIFに変換ページでは、MP4があらかじめ選択された状態で開きます。MOVのスマホ動画も同じ方法で扱えます。アプリに拒否される場合は、先にMOVをMP4に変換を読んでください。

GIFは、Netscape拡張のループ回数が0（無限）で書き込まれるため、標準では永遠にループします。回数を1にすると、1回再生して最後のフレームで止まります。メッセージで終わるGIFに向いています。難しいのは、ループのつなぎ目を目立たなくすることです。手を振って元の位置に戻る動きのように、開始フレームと終了フレームがほぼ同じ区間を探すか、ブーメランで前方向と逆方向に続けて再生してください。つなぎ目の飛びはなくなりますが、フレーム数は2倍になります。

送る前に、サムネイルではなく実際のサイズでGIFをブラウザのタブで開き、ループを3回通して確認してください。選んだ幅でフレーム内の文字が読めるか、顔がポスタリゼーションでまだらになっていないか、動画とタイミングが合っているかを見ます。そのうえで、ファイルサイズを上の表の上限と比べてください。ぎりぎりの場合は、長さ、幅、フレームレート、色数の順に削る手順に戻ります。長い動画や音声付きの動画には、Discordやメール用に動画を圧縮する方法のほうが向いています。