動画を GIF に変換

MP4 をページにドロップし、二つのハンドルで必要な範囲を挟んで作成を押すだけです。既定値の 15 fps・幅 480 px はたいていの画面録画に合います。結果は右側に表示され、保存されるファイルとまったく同じループで再生され、容量も併せて確認できます。

されません。エンジンは WebAssembly にコンパイルした FFmpeg で、あなたのブラウザーのタブ内で動作します。ファイルはディスクからタブのメモリへ読み込まれ、結果はダウンロードとして書き出されるだけです。ファイルの内容がネットワークを通ることはなく、処理中に開発者ツールのネットワークタブを見れば自分で確認できます。

GIF はフレームごとに独立して圧縮し、動画コーデックのように色情報を大胆に捨てることもできないため、容量はフレーム数とフレームの面積にほぼ比例します。効果の大きい順に、範囲を短くする、フレームレートを下げる、幅を小さくする、色数を 64 に絞る、です。幅を半分にすると画素数は 4 分の 1 になり、パレットの調整より効くのが普通です。

画面録画なら 12〜15 fps・幅 480 px が扱いやすく、README に載せるなら 640 px です。20〜24 fps はカーソルの素早い動きや高速スクロールなど、動きの速い映像に限って意味があります。ゆっくりした操作説明では 8〜10 fps まで下げた方が、なめらかさより容量の面で得になります。

アニメーション WebP は同じ GIF よりかなり小さくなることが多く、色や透明度の表現も優れています。ただし最終的な容量は素材と設定で変わります。表示先が現代的なブラウザーなら WebP を優先してください。GIF だけを受け付ける掲載先、古い・不明な環境、メールでアニメーションされるか不確かな場合は GIF を選び、最初のフレームだけでも要点が伝わるようにしましょう。

GIF は 1 フレーム 256 色までなので、グラデーションや写真は近似するほかありません。このツールは汎用パレットではなく素材ごとのパレットを作るため、多くの場合はその時点で解消します。それでも色帯が残るなら色数を 256 に戻し、ディザを Floyd–Steinberg にしてください。逆にノイズを撒いたようにざらつく場合は、ディザをなしにするのが正解であることが多く、単色面の多い画面録画ではよくあります。

固定の上限はありませんが、30 秒を超えると警告が出ます。GIF の容量はフレーム数に応じて増え続けるためです。450 フレーム前後——15 fps なら 30 秒——を超えるようなら、WebP か、そもそも動画ファイルの方が向いています。最も制約が強いのは逆再生と往復再生で、書き出しの前に全フレームを保持する必要があります。

変換エンジンが約 31MB あり、最初にファイルを選んだ時点でダウンロードされるためです。以降は長期間キャッシュされるので、再訪時も次回以降もすぐ始まります。このダウンロードはファイルを実際に選ぶまで意図的に先送りしてあるため、このページを読むだけでは通信量はかかりません。

ここではできません。このツールが切り出すのは時間であって、画面に何かを足すことはしません。切り抜きも字幕も、それぞれ専用のプレビューと取り消しを必要とする編集作業です。中途半端な実装を変換ツールに継ぎ足すと、結局どちらも使いものにならない道具になりがちです。

短い素材ならたいてい動きます。長いものはうまくいかないことが多く、モバイルブラウザーがタブに割り当てるメモリはデスクトップよりはるかに少ないため、上限に達するとタブが終了させられます。最初に破綻するのは逆再生と往復再生です。数秒を超える素材にはデスクトップのブラウザーの方が確実です。