時刻
必要な瞬間が分かっている場合に使います。精度はデコーダー、キーフレーム、元timestampに依存します。
1. 動画を選択
動画を追加
動画をここにドロップ
or click to browse
対応形式: MP4, WebM, MOV, MKV, MPEG-TSMax file size: 500 MB
Sample video:
2. フレーム範囲を選択
Use an interval for regular contact sheets or a count for evenly spaced previews.
秒
Ignored when thumbnail count is set.
Leave empty to extract all interval-based thumbnails.
Use seconds, mm:ss, or hh:mm:ss.
Leave empty to use the full video.
Higher quality creates larger files.
3. 画像出力を設定
3. 画像出力を設定
Select a video source, then generate thumbnails.
4. サムネイルを確認
生成したサムネイル
生成したサムネイル
1本の動画から複数のサムネイルを作るには？
動画を選び、開始・終了範囲、間隔または枚数、画像サイズと形式を設定し、生成後にフレームを確認してダウンロードします。
サムネイル生成は静止画抽出で、動画編集ではありません
選択したフレームをデコードして別画像として保存します。元動画の長さ、音声、映像ストリームは変更しません。
誰が動画サムネイルを使いますか？
出版社、CMSチーム、開発者、編集者、QA、講師、SNS担当が、poster、ギャラリーカード、storyboard、テスト素材、レビュー参照に使います。
代表的なワークフロー
- HTML5プレーヤー用poster画像。
- 一定間隔のギャラリーや章一覧。
- CMSやSNS投稿のプレビュー選択。
- レビュー・QA用contact sheet。
- 全編をスクラブせず視覚変化を確認。
- シーン、オーバーレイ、字幕作業の参照フレーム。
動画サムネイルの作り方
ローカル動画またはブラウザーが読める直接URLを選びます。
全体を使うか開始・終了範囲を設定します。
単一時刻、一定間隔、目標枚数から選びます。
画像形式、幅、品質、ファイル名規則を設定します。
生成したフレームの鮮明さと構図を確認し、個別または対応する一括形式で保存します。
設定の選び方
間隔
系統的なサンプリング向けです。短いほど画像数、処理時間、メモリが増えます。
枚数
固定枚数を範囲に分散します。各結果には実際の時刻を表示します。
JPG・PNG・WebP
JPGは写真プレビューに小さく互換性が高く、PNGはlosslessで大きめ、WebPは対応先で効率的です。
幅と品質
表示先に十分なピクセルを選びます。拡大は実際の細部を増やさず、高品質はファイルを大きくします。
サムネイル処理の方法
ソースコードで確認できる場合、ローカル動画はブラウザーでデコードされ画像にエンコードされます。URLモードは元ホストから取得し、CORS、認証、byte-rangeの影響を受けます。
サムネイル生成の制限
- カット付近はseekとキーフレームにより数フレームずれることがあります。
- HDRや広色域はブラウザーでtone-mapまたは色変換されることがあります。
- 高解像度の大量生成はメモリを使い切ることがあります。
- 抽出画像は元動画にないディテールを作れません。
よくある問題
正確な瞬間ではない
時刻を少し動かすか、より精密なseek経路を使います。キーフレームseekは近くに止まることがあります。
画像が黒い
デコード可能部分の前、トランジション中、未対応ストリームの可能性があります。近い時刻を試してください。
色が違う
ブラウザーが色空間またはHDRを変換した可能性があります。出力先の色要件を確認します。
一括保存できない
画像数や寸法を減らすか、ZIPがメモリを超える場合は個別に保存します。
動画サムネイルFAQ
動画サムネイルとは？
動画フレームから抽出した静止画像で、プレビュー、poster、ギャラリーカード、参照に使います。
複数枚を一度に作れますか？
間隔または枚数モードがあれば可能です。ブラウザーメモリに収まるバッチにします。
どの画像形式がよいですか？
写真プレビューはJPG、losslessはPNG、対応先で小さくしたい場合はWebPです。
動画は変更されますか？
いいえ。別の画像ファイルだけを作ります。
正確な時刻を選べますか？
可能ですが実際のフレームはデコーダー、キーフレーム、元timestampに依存します。
なぜサムネイルがぼやけますか？
元フレームのモーションブラー、低解像度、過度の拡大が原因です。別の時刻や良いソースを選びます。
YouTubeサムネイルを作れますか？
候補フレームを抽出できますが、最終テキストやブランドは画像編集で仕上げ、現行ルールを確認してください。
動画URLを使えますか？
ブラウザーがアクセスできる直接メディアURLだけです。Webページ、期限、認証、CORSは失敗原因になります。
ローカル動画はアップロードされますか？
実装確認後だけブラウザー内処理を主張します。URLソースは遠隔ホストから取得します。
枚数上限はなぜありますか？
各フレームと画像がメモリを使うため、タブの停止を防ぐ上限です。