動画を GIF に変換する — /tools/video-to-gif の思想と使い方

画面操作の説明を Slack で共有したい、バグの再現手順を issue に貼りたい、X のタイムラインで動く画像にしたい。動画が重くて共有しづらい場面で GIF は今でも現役です。

Zerosend の 動画 → GIF 変換ツール は、この変換をブラウザ内で完結させます。

なぜブラウザ内で GIF 変換するのか

画面録画の中身は、UI スクリーンショット以上に情報を含みます。操作中に映る URL・ユーザー名・通知内容・顧客の名前。これらを含む動画を GIF 変換サービスにアップロードすると、動画の全フレームが相手のサーバーに渡ります。

Zerosend では変換処理をローカルで行うため、そのリスクがありません。DevTools で通信が発生していないことを確認してから使ってください。

使い方

1. /tools/video-to-gif を開く
2. 動画ファイルをドラッグ&ドロップ (MP4 / WebM / MOV)
3. 切り出し区間 (開始時刻・終了時刻) を指定
4. フレームレート (5 / 10 / 15fps) と幅を選択
5. 「GIF 化を開始する」をクリック
6. ダウンロード

サイズを抑えるコツ

GIF は形式として大きくなりがちです。以下の指針で調整してください。

• 区間は短く: 3〜6 秒が実用上の上限
• 幅は 480px 以下: Slack・Twitter で使うなら 480px 前後で十分
• フレームレートは 10fps: 15fps 以上は体感差が小さくサイズだけ増える
• 色数は制限: ツール側で最適化しているが、単調な色味の動画ほどうまくハマる

仕組み

ffmpeg.wasm で動画を復号し、palettegen と paletteuse フィルタを使って GIF の 256 色パレットに最適化して書き出しています。

• 入力動画を ffmpeg FS に書き込み
• -vf "fps=10,scale=480:-1:flags=lanczos,palettegen" で最適パレット生成
• -vf "fps=10,scale=480:-1:flags=lanczos,paletteuse" で GIF エンコード
• Blob としてメモリに展開

2 パス処理をブラウザ内で完結させているため、サーバー送信は一切発生しません。

よくある質問

Q. 長い動画を GIF にするとサイズがとても大きくなる A. GIF は非可逆ですが圧縮効率は動画形式より大幅に劣ります。30 秒以上の場合は 動画圧縮 で軽量 MP4 のままにするのがお勧めです。

Q. 音声は入りますか？ A. GIF 仕様上、音声は含められません。音声付きで共有したいなら動画のままが適切です。

Q. 透過 GIF は作れますか？ A. 1 ビット透過なら可能ですが、動画ソースからの抽出は実用的でないため、本ツールでは非対応です。

関連ツール

• 動画トリミング — GIF 化前に必要な区間だけ切り出す
• 動画圧縮 — GIF の代わりに軽量 MP4 にする選択肢
• 動画形式変換 — 他形式への変換