動画サムネイル抽出ツールとは？

動画サムネイル抽出ツールを使えば、動画の任意のフレームを選んで高画質な画像として保存できます。タイムラインをスクラブするか特定のタイムスタンプにジャンプして、YouTube、SNS、プレゼンテーションに最適なサムネイルをキャプチャできます。

HTMLVideoElement のシーク API で指定時刻に移動し、その瞬間を canvas に描画して取り出す仕組みです。出力画像は元動画と同じ解像度を保ちます。バッチ取得は枚数指定・一定間隔・毎秒フレーム数に加えて、欲しい時刻を直接入力する 4 通りがあり、前の 3 つは開始と終了の時刻で範囲を絞ってから ZIP にまとめられます。取得済みの 2 枚以上を選べば、アニメ GIF やスプライト帯にまとめることもできます。

使い方

1. ステップ1 — デバイスから動画ファイルをアップロードします（MP4、WebM、その他対応形式）。
2. ステップ2 — タイムラインをスクラブするかタイムスタンプを入力して、目的のフレームを見つけます。
3. ステップ3 — キャプチャをクリックしてフレームを抽出し、PNG画像としてダウンロードします。

使用するタイミング

• 編集ソフトで動画全体を再書き出ししなくても YouTube のサムネを選びたいとき。
• 録画した講義や製品デモから章ごとのカードや絵コンテを取り出したいとき。
• ブログ・スライド・SNS プレビュー用に綺麗な静止画を一枚切り出したいとき。

結果

3分間の製品デモ動画があり、YouTube用のサムネイルが必要です。製品が画面に映っている0:45の位置までスクラブし、フレームをキャプチャして1920×1080のPNGサムネイルをダウンロードします。

よくある質問

書き出される画像は元動画の解像度を保ちますか?

はい。canvas は動画本来の幅と高さをそのまま使うので、4K 動画からは 4K の PNG が得られます。あとから別ツールで縮小しない限り、拡大や圧縮の処理は入りません。

MOV や AVI ファイルが読み込めないのはなぜ?

フレーム抽出は端末がネイティブに復号できるコーデックに依存します。MP4 + H.264 はどこでも通りますが、ProRes や古い AVI はブラウザに拒否されがちです。先に MP4 へ変換するのが一番早い解決策です。

ミリ秒単位でフレームを抜けますか?

ジャンプ欄に MM:SS でも小数点付きの秒数でも入力できます。ブラウザはミリ秒精度で最寄りのキーフレームに合わせるので、サムネ用途には十分ですが、フレーム単位の鑑識分析には向きません。

バッチ抽出はどのフレームを選びますか?

「枚数」モードは総時間を指定枚数で割り、等間隔で取り出します。「間隔」モードは N 秒ごとに 1 枚、「FPS」モードは 1 秒あたりの枚数を指定して取り出し、「時刻指定」モードは入力した時刻(例: 0:05、1:30、4:12)をそのまま取り出します。前の 3 つは開始と終了の時刻を入れれば、気になる範囲だけに絞れます。

動画ファイルは端末の外に送られますか?

いいえ。動画はあなたのタブ内で blob URL として読み込まれ、canvas はローカルでピクセルを読みます。アップロードも処理キューもサーバー保存もありません。

関連ツール