動画GIF変換ツール

動画GIF変換ツールについて

このツールは動画の再生位置を少しずつ動かしながら1コマずつキャンバスに描いてキャプチャし、そのフレームを自前でGIFにエンコードします。変換サーバーやFFmpegは使わず、パレット抽出（メディアンカット）もLZW圧縮もツール内のコードが行います。上下のテロップ（Impact系の白文字に黒フチ）を映像の上に重ねるか、上下に白帯を足してその中に入れることもできます。

GIFは1987年生まれの画像形式で、動画コーデックと比べると非常に非効率です。MP4なら数百KBの3秒の場面が、GIFでは数MBになるのは珍しくありません。容量を決めるのはフレームレート、幅、色数の3つです。

GIFは1コマ256色まで

GIFの仕様ではカラーテーブル（パレット）は最大256色で、各ピクセルはその番号として保存されます。動画の1場面には数万色あるので、どの256色（またはそれ以下）を残すか選ぶ必要があります。このツールはキャプチャした全フレームからピクセルを標本として集め、色空間で最も広がった箱を半分ずつ割っていくメディアンカットで共通パレットを1つ作ります。

その後、各ピクセルをパレット内で最も近い色に置き換えます。このツールはディザリング（誤差を周囲のピクセルに散らして中間色を表現する手法）を行わないため、空や肌のようななめらかな部分には階段状の帯（バンディング）が出ます。その代わり同じ番号が続きやすくLZWがよく効くので、ファイルは小さくなります。色数を64に下げると実写では帯が目立ちますが、アニメやゲーム画面のようにもともと色が少ない映像ではほとんど分かりません。

同じ場面でGIFがMP4より何倍も大きい理由

H.264などの動画コーデックは前のフレームから動いた部分だけを動きベクトルと差分で記録するので、止まっている背景はほぼタダです。GIFのLZWは1コマの中で繰り返すピクセル列を圧縮するだけでフレーム間の類似は見ず、このツールは毎フレームを全画面で書き込みます。そのためGIFの容量はおおよそ「ピクセル数×フレーム数」に比例して増えます。

Webページに短いループ映像を置くなら、GIFより自動再生・ミュート・ループ設定のvideo要素のほうがずっと軽い、というのがweb.devの推奨でもあります。GIFが今も必要なのは、画像ファイルしか受け付けない掲示板やチャットのリアクション、メールなどです。

フレームレートと幅、どちらから削るか

容量は幅の2乗に比例します。横480pxを360pxにするとピクセル数は(360/480)²＝0.5625倍、約44%減です。フレームレートは1乗で効き、15fpsを10fpsにするとコマ数が3分の1減ります。画面内の文字を読ませたいなら幅を守ってfpsを下げ、速い動きが見どころならfpsを守って幅を縮めます。

GIFのフレーム遅延は1/100秒単位でしか保存できません。15fps（66.7ms）を毎フレーム7/100秒に丸めると約14.3fpsに遅くなるため、このツールは丸め誤差を次のフレームに繰り越し、7・7・6/100秒を混ぜて使います。12fpsは8・8・9/100秒が交互に入り、1秒でちょうど12フレームになります。1コマごとの間隔は最大1/100秒ばらつきますが、全体の再生時間は元の区間と一致します。10・20・25fpsのように100を割り切れる値なら間隔もすべて同じです。長い区間に高いfpsを指定すると、ツールはフレームを最大200枚に抑え、fpsを自動で下げます。

ミームのテロップを読みやすくするには

テロップはパレットを作る前に描かれるので、白文字＋黒フチはパレットが小さくてもほぼ確実に残ります。色文字はパレットに近い色がないと濁ることがあります。長い文は自動で折り返し、1ブロックが8行を超えると最後の行が「…」で切られます。

映像に重ねる方式は画面の一部が隠れ、上下に白帯を足す方式は画面を隠さない代わりにGIFの高さが増え、容量もその分大きくなります。

例

使い方

1. 動画を読み込み、フィルムストリップで開始・終了位置を決めます。
2. プリセットを選ぶか、fps・幅・色数を直接入力します。
3. 必要なら上下のテロップを入れ、配置方法を選びます。
4. GIFを作成し、プレビューしてからダウンロードします。

よくある質問