動画をブラウザ内でアニメーション GIF に変換
このツールは動画の一部をアニメーション GIF に変換します。処理はすべて端末内で行われます。クリップ・ アニメ化する範囲・フレームレート・サイズを選ぶと、フレームを抽出してローカルで GIF をエンコードします。 動画はアップロードされません。 CDN から初回だけ取得されるのは小さな GIF エンコーダだけです。
仕組み
選んだ動画はローカルの <video> 要素に読み込まれます。指定した範囲を等間隔のタイムスタンプでシーク し、各フレームを出力サイズで canvas に描画。続いて各フレームを256色に量子化し、1つのループ GIF へエン コードします。デコード・抽出・エンコードがすべてブラウザ内で完結するため、大きな動画や非公開のクリッ プでも端末の外に出ません。
手順
- 動画ファイル（ MP4・ WebM ・ MOV など）をドロップ、またはクリックして選択します。
- 開始と終了のスライダーで、アニメ化したい範囲を指定します。
- フレームレートを設定します。多くのクリップは8〜12fps で十分。滑らかにしたいときは上げます。
- 幅のプリセット（240p / 320p / 480p / 元のまま）でサイズと精細さを調整します。
- ループのオン/オフを切り替え、GIF を作成→GIF をダウンロードを押します。
設定と使い分け
| 設定 | 小さく/低く | 大きく/高く | 選ぶ目安 |
|---|---|---|---|
| フレームレート | ファイル小・カクつく | 滑らか・ファイル大 | UI/画面デモは8〜12fps 、動きは15〜24fps |
| 幅 | ファイル小・粗い | 精細・ファイル大 | チャット/埋め込みは240〜320px 、品質重視は元のまま |
| 範囲 | フレーム少・小さい | フレーム多・大きい | 短めに。1秒ごとにフレームが増える |
| ループ | 1回再生 | 無限ループ | リアクション/デモはオン、一発再生はオフ |
軽い GIF にするコツ
- 範囲は短く。2〜3秒のループは10秒より圧倒的に軽くなります。
- 画面録画なら10fps でも24fps とほぼ見分けがつきません。
- Slack ・ GitHub ・大半の埋め込みには幅320px で十分です。
- 推定容量の数値を確認。設定を変えるたびにリアルタイムで更新されます。
例
1080p の4秒の画面録画を共有用ループに：範囲をその4秒に、フレームレートを12fps 、幅を480p 、ループをオン にします。チャットやプルリクエストにそのまま貼れる、滑らかで軽い GIF が完成します。しかも録画はブラウザ の外に出ていません。