動画からGIFを作成する方法

GIFは決して廃れることがなく、正直なところ、それは良いことだ。3秒間のループ動画がSlackのスレッドやテキスト、ドキュメント、READMEに貼り付けられると、クリックも音もプレイヤー操作も不要で、そのまま再生される。誰にも動画を開かせることなく、動くものを示す最も手っ取り早い方法だ。 反応、製品デモ、バグの再現、くだらないジョーク……GIFは、人々が認める以上に、多くの場面で最適なフォーマットなのです。

手持ちのクリップを使って作成する場合、短く抑えておけば、あっという間に作れます。

クリップをGIFに変換する

1. 1

   動画を追加する

   クリップをドラッグ＆ドロップしてください。処理はブラウザ内で行われるため、アップロードの必要はなく、結果に透かしが入ることもありません。

2. 2

   良い部分だけ切り取る

   開始点と終了点を設定します。GIFは数秒程度に抑えるべきです。この手順によって、ファイルサイズを適正な範囲に抑えることができます。

3. 3

   サイズをお選びください

   サイズが小さければ、ファイルサイズも小さくなります。チャットやドキュメントの場合、それほど大きなファイルが必要になることはめったにありません。

4. 4

   GIFをエクスポートする

   ダウンロードして、必要な場所にいつでもすぐに使えるようにしておきましょう。

GIFのファイルサイズが巨大になってしまう理由

GIFは古い形式であり、効率的ではありません。各フレームをほぼ完全な画像として保存するため、再生時間、解像度、動きの多さに応じてファイルサイズが急速に膨れ上がります。10秒間のフルスクリーンGIFは、元の動画よりもファイルサイズが大きくなることもあり、それでは本来の目的が台無しになってしまいます。 トラブルを避けるには、次の2つのルールを守ってください。再生時間を5秒程度以内に抑えること、そして表示に必要なサイズより大きくエクスポートしないことです。

• 長さ — 1秒長くなるごとにフレーム数が増え、フレームが増えるごとにファイルサイズも大きくなります。短いほどファイルサイズは小さくなります。
• サイズ — 幅400pxで表示されるGIFは、1080pxである必要はありません。解像度を下げてください。
• 動き — 動きが激しくテンポの速い映像はGIFへの圧縮に適していませんが、単純な動きであればファイルサイズは小さくなります。
• フレームレート — GIFでは60fpsが必要になることはめったにありません。15fpsでも十分見栄えが良く、ファイルサイズも抑えられます。

違和感のないループ

最も満足感のあるGIFは、最後のフレームが最初のフレームへと目立った途切れなく滑らかにつながるものです。 しかし、それが常に自然に実現できるとは限りません――映像次第です。可能であれば、開始点と終了点が似たようなポーズや位置になるようトリミングしましょう。それが難しい場合でも、自然なリズムに合わせてきれいにカットした方が、不自然に最初に戻ってしまうよりはましです。

GIFが動画に勝る場面

この形式が真価を発揮するのはどのような場面か、知っておく価値があります。GIFは、動画プレーヤーを埋め込めない場所――メールクライアント、ウィキ、課題管理ツール、チャットアプリ、ドキュメントなど――で、音なしで自動再生され、無限にループします。 バグ報告で簡単なUIの操作を説明する場合や、グループチャットで一行の反応を示す場合など、GIFは瞬時に表示され、あらゆる環境で利用できます。音声が含まれるもの、数秒を超えるもの、あるいは画質が重要な場合は、代わりに動画を使用しましょう。

トリミングこそが、優れたGIFを作る鍵となる

GIFがヒットするか失敗するかの最大の違いは、トリミングにあります。GIFにはスクロールバーも操作ボタンもなく、ただループするだけなので、冒頭や末尾の無駄なフレームは、メッセージのインパクトを薄め、ファイルサイズを肥大化させるだけです。反応、クリック、オチなど、重要な瞬間を正確に捉えるよう、容赦なくカットしましょう。 もし4秒もの導入部分が必要だと感じるなら、それはそのクリップをGIFではなく、再生ボタン付きの動画にしたほうがよいというサインです。きっちりトリミングするという徹底した姿勢こそが、GIFのファイルサイズを小さく保ち、一瞬で内容を理解できるようにするのです。

フレームレートとディザリングについて、簡単に

2つの設定が、サイズと滑らかさのトレードオフを静かに左右しています。フレームレートとは、1秒間に再生される画像の数を指します。動画は通常30または60fpsですが、GIFの場合は12～15fpsでも全く問題なく表示され、この範囲まで下げることでファイルサイズをほぼ半分に抑えることができます。 ディザリングとは、GIFが1フレームあたり256色に制限されているため、保存できない色を再現するために使用するドットのパターンです。これによりグラデーションが滑らかに見えますが、視覚的なノイズが加わり、ファイルサイズが大きくなります。 画面録画やUIのデモ動画の場合は、ディザリングを控えめにすることで、鮮明でファイルサイズの小さい動画になります。一方、グラデーションが多い映像の場合は、少しディザリングを加えた方が見栄えが良くなります。

• フレームレートが低い（12～15fps） — ファイルサイズは小さくなりますが、ほとんどのクリップでは滑らかに見えます。
• 色数が少ない — GIFは1フレームあたり256色まで。シンプルなグラフィックは、精細な映像よりもはるかに効率的に圧縮できます。
• ディザリングを低減 — 画面録画や単色コンテンツにおいて、より鮮明でファイルサイズも小さくなります。
• より引き締まった体つき――これこそが最も効果的な手段です。1コマ切り落とすごとに、体重が1コマ分減るのです。

GIF作成に最適な素材動画

映像の中には、素晴らしいGIFに仕上がるものもあれば、最後まで手こずってしまうものもあります。安定した背景に対して、シンプルで限定的な動き――クリック音、顔の表情の変化、短い動作のループなど――は、美しく圧縮され、小さなサイズでもはっきりと認識できます。 一方、手ぶれや速いカット、色調の変化が多い賑やかなシーンは正反対です。ファイルサイズが膨れ上がり、GIFの256色制限が適用されると、映像がぼやけて見えてしまいます。 もしクリップがうまくいかない場合は、通常、よりきっちりとトリミングしたり、解像度を下げたり、あるいはその特定のショットは短いMP4として扱うべきだと受け入れることが解決策となります。