チュートリアル
動画スクリーンショット・フレーム結合・ZIP一括書き出しの方法
単一の静止画を取得するか、複数のスクリーンショットを1枚に結合、または最大60枚をZIPで一括書き出し — JPEG・PNG・WebP対応。
サムネイル用の 1 フレーム、証拠のスクリーンショット、絵コンテのコンタクトシート、または一括抽帧が必要なときがあります。動画スクリーンショットは単一フレームのキャプチャ、複数キャプチャの結合、または間隔・枚数指定の ZIP 一括書き出しができ、すべてブラウザ内でローカル処理されます。
単一フレームと結合モード
| モード | 出力 | 最適な用途 |
|---|---|---|
| 単一画像 | 再生ヘッド位置の 1 静止画 | サムネイル、ミーム、ドキュメント |
| 複数を結合 | グリッドまたはストリップの 1 枚 | ステップチュートリアル、進捗比較 |
音声付きの動画クリップを書き出す場合は、動画トリム や 動画クリップ抽出 などの MP4 ツールを使ってください。音声なしのループ動画なら 動画を GIF に変換 が向いています。
手順：単一フレームをキャプチャする
- 動画スクリーンショット を開き、動画ファイルを読み込みます。
- 単一画像 キャプチャモードを選びます。
- タイムラインを正確なフレームまでスクラブします。矢印キーや細かいスクラブで精度を上げます。
- JPEG、PNG、WebP の出力を選びます。PNG/WebP は UI テキストをシャープに保持。JPEG は小さめです。
- キャプチャしてダウンロード をクリックします。
一括枚数が多すぎる。 範囲を短くする、間隔を広げる、または枚数を減らしてください（最大 60 枚）。
静止画は現在の再生ヘッド位置のみを反映します。
手順：複数フレームを結合する
- 複数を結合 モードに切り替えます。
- 任意の瞬間までスクラブし、タイムラインで キャプチャポイントを追加 します（最低 2 点）。
- 結合レイアウト を選びます。縦ストリップ、横ストリップ、2 列グリッド、3 列グリッド、または自動。
- 可逆圧縮形式では 品質 を調整します。
- 利用可能なら合成をプレビューし、結合してダウンロード をクリックします。
レイアウトはビフォーアフターや多段階ワークフローの比較に役立ちます。
手順：複数フレームを一括書き出し（ZIP）
- 複数を書き出し モードに切り替えます。
- N 秒ごと または 枚数指定 を選びます。
- 間隔（例：1 秒）または書き出し枚数（動画全体に均等配置）を設定します。
- 約 {count} 枚 の見積もりを確認。1 回の上限は 60 枚 です。
- JPEG、PNG、WebP を選び、必要なら品質を調整して ZIP を書き出し をクリックします。
ファイル名は frame_0001.jpg など。1 枚のコンタクトシートではなく個別ファイルが必要なときに使います。
ワークフローのアイデア
サムネイル静止画。 感情や読みやすいテキストが最も強いフレームまでスクラブし、PNG で書き出して YouTube サムネイルプレビュー でテストします。
ドキュメント。 縦レイアウトの結合モードで UI フローのステップ 1〜4 を社内 Wiki 用にキャプチャします。
QC とコンプライアンス。 単一フレーム PNG は動画添付が推奨されないバグ報告で正確なピクセルを保持します。
24 fps 動画では、再生ヘッドがフレーム境界にスナップすることを忘れないでください。目標の瞬間付近ではゆっくり微調整してください。
可変フレームレートと画面録画
スマホや画面録画は 可変フレームレート（VFR） のことが多いです。スクラブ中は滑らかに見えても、書き出し静止画が 1 フレーム早い／遅いことがあります。正確なフレームで再生を一時停止してからキャプチャしてください。停止フレームは動きの最中より信頼できます。
カーソルハイライト付き画面録画では、アニメーション完了後 UI が安定した瞬間に PNG をキャプチャし、ドキュメント読者が最終レイアウトを見られるようにします。
チュートリアル向け結合レイアウト
| レイアウト | 最適な用途 |
|---|---|
| 縦ストリップ | 上から下に読む UI フローのステップ |
| 横ストリップ | ビフォーアフターの左右比較 |
| 2 列グリッド | 4 ステップで均等な重みのレシピ |
| 3 列グリッド | 絵コンテ用の高密度コンタクトシート |
各パネルにドキュメントツールでキャプションを付けてください。画像だけではステップ番号が伝わらないことがあります。社内 Wiki は PNG。Notion や Confluence でサイズが問題なら WebP。
YouTube 向けサムネイル静止画は最高ソース解像度でキャプチャし、デザインツールで縮小してください。ぼやけたフレームを拡大するよりディテールが残ります。
HDR やログ映像は静止画でフラットに見えることがあります。マーケティング用静止画はエディターで表示用 LUT をかけてからキャプチャするか、グレーディング済み書き出しから取得してください。
形式と品質のヒント
- PNG — ロスレス、ファイル大、テキスト付き UI に最適
- WebP — PNG より小さく品質良好
- JPEG — 写真やノイズの多い映像。小さな文字には不向き
結合モードにはキャプチャポイント数の上限があります。UI に {count} / {max} と表示されます。
一括書き出しは 1 回あたり最大 60 枚 です。
よくあるトラブル
結合には 2 点必要。 タイムラインにキャプチャポイントを追加してください。
キャプチャポイントが多すぎる。 余分を削除するかレイアウトを変更してください。
フレームがぼやける。 ソース動画がソフトか、JPEG 品質が低い可能性があります。PNG/WebP を試してください。
フレームが違う。 再スクラブしてください。タイムライン精度以外のフレーム正確なショートカットはありません。
よくある質問
動画はダウンロードされますか？
いいえ — 書き出されるのは静止画のみです。
フレームを商用利用できますか？
ソース動画コンテンツに権利がある場合のみです。
関連ツール
- 動画を GIF に変換 — 短いアニメーションループ
- 動画をクロップ — キャプチャ前にリフレーム
- YouTube サムネイルプレビュー — YouTube レイアウトで静止画をテスト