SlackやTeamsのチャット、GitHubのIssue、Notionのドキュメント—— 「ちょっとこの操作を動画で見せたい」場面は多いものです。 でも動画ファイルをそのまま貼ると重く、再生環境にも左右されます。 そんなときに便利なのがGIF（Graphics Interchange Format）。ただ、何も考えずに変換すると 数十MBの巨大ファイルになることもあります。 この記事では、動画→GIF変換で失敗しないための設定のコツを整理します。
1. GIFの特性を理解する — なぜ大きくなるのか
GIFを軽く作るには、まず「なぜ重くなるのか」を知るのが近道です。 GIFには大きく2つの構造的な特徴があります。
- 1フレームあたり最大256色という制限 — フルカラー（数百万色）の動画と違い、GIFは256色に減色されます。 そのため、グラデーションや実写の映像では色が飛んだり縞模様（バンディング）が出やすくなります。 逆に色数が少ないUI操作やスクリーンキャストはきれいに変換できます。
- フレームが増えるほどサイズが線形に増える — GIFは1枚1枚の静止画（フレーム）を連続再生する仕組みです。 fpsや秒数を増やすほどフレーム枚数が増え、ファイルサイズもほぼ比例して大きくなります。 長尺・高fpsのGIFが一気に重くなるのはこのためです。
なお、画面操作やデモのような映像は1秒あたり10フレーム（10fps）でも十分「動いて見える」のがポイントです。 人間の目は連続した画像をなめらかな動きとして補完するため、 滑らかさが最優先でない用途ではfpsを下げてもほとんど違和感が出ません。 これが「fpsを下げてサイズを削る」が効く理由です。
2. サイズを小さくする4つの設定
GIFのファイルサイズは、次の4項目をコントロールすればほぼ思い通りに調整できます。
| 設定項目 | 推奨値 | 効果 |
|---|---|---|
| フレームレート（fps） | 10〜12 fps | 24fpsの半分以下でサイズが激減する |
| 解像度（横幅） | 640〜800px | 1080pxを半分に縮小で容量はおよそ1/4 |
| 秒数 | 5〜15秒 | 長すぎると容量も使い勝手も悪化する |
| ループ | 無限ループ | チャットツールでは自動再生されるため必須 |
4つの中でも効果が大きいのはfps・解像度・秒数の3つです。 fpsを下げ、横幅を縮め、見せたい数秒に絞る——この組み合わせで、 同じ内容でも数十MBのGIFを数MB以下まで落とせることがよくあります。 ループはサイズというより「貼り先で正しく繰り返し再生されるか」に関わる設定です。
3. 用途別のおすすめ設定
貼り付ける先によって最適な設定は変わります。代表的な用途ごとの目安は次の通りです。
- Slack / Teams（チャット） — 横幅640px・10fps・10秒以内・8MB以下が目安。 チャットは流れていくので、短くテンポよく見せるのがコツです。
- GitHub Issue / PR — 横幅800px・12fps・15秒以内・10MB以下が目安。 コードやUIの差分を見せることが多いため、文字がつぶれない解像度を確保します。
- Notion / ドキュメント — 横幅800px・10fps・20秒以内が目安。 じっくり読まれる前提なので多少長めでも許容されますが、 重すぎるとページの読み込みが遅くなる点に注意します。
- Twitter（X）に貼る場合 — 実は動画形式（mp4）の方が得策です。 XはGIFを内部でmp4に変換して配信するため、最初から動画で投稿したほうが 画質もサイズも有利になります（詳しくは次の章）。
4. GIFより動画が向いているケース
GIFは万能ではありません。次のような場合は、無理にGIF化せず動画形式（WebM＝WebM Video・mp4）を選ぶほうが結果的に軽く・きれいになります。
- 5秒以上かつ動きが多い映像 — 動画コーデック（H.264やVP9など）はフレーム間の差分を圧縮できるため、 長尺・動きの多い映像ではGIFより圧倒的にファイルサイズが小さくなります。
- 高品質・なめらかさが求められる映像 — 256色制限のないmp4 / WebMなら、グラデーションや実写も色を保ったまま再生できます。 画質を妥協したくない場合は動画形式が無難です。
GitHub・Notion・Slackはいずれも動画の埋め込み・再生に対応しています。 「短いハイライトはGIF、長め・高画質は動画」と用途で切り替えるのが、 サイズと見やすさを両立させる実践的な判断基準です。
5. 変換手順 — 実際にGIFを作ってみよう
動画→GIF変換ツールを使えば、動画ファイルをブラウザ内でGIFに変換できます。 ファイルはサーバーに送信されないので、社内画面や個人が写った映像でも安心して扱えます。
- 切り取りたい場面を特定する — 見せたい部分を5〜15秒以内に絞ります。長すぎると重くなるため、ハイライトだけに絞るのがコツです。
- 動画ファイルをアップロードする — ドロップゾーンに動画をドラッグするか「ファイルを選択」で読み込みます。処理はすべてブラウザ内で完結します。
- フレームレート・解像度を調整する — fpsは10〜12、横幅は640〜800pxを目安に設定します。容量を抑えたいほどfps・解像度・秒数を下げます。
- プレビューを確認してダウンロードする — 動きと画質を確認し、問題なければダウンロード。大きすぎる場合はfpsや解像度を下げて再変換します。
まとめ
- GIFのサイズはfps・解像度・秒数の3つでほぼ決まる。この3つを絞るのが軽量化の肝
- 操作説明やデモは10〜12fps・横幅640〜800px・15秒以内が扱いやすい目安
- GIFは256色制限があるため、実写・グラデーションの高画質用途には不向き
- 5秒以上・動き多め・高画質が必要なら、mp4やWebMの動画形式のほうが軽く・きれい
- 変換は動画→GIF変換ツールでブラウザ内完結。ファイルを外部に送らずに処理できる