チュートリアル
動画のスクリーンショットとフレームストリップをオンラインで取得する方法
単一の静止画を取得するか、複数のスクリーンショットを 1 枚の画像に結合して JPEG・PNG・WebP で書き出せます。
サムネイル用の 1 フレーム、証拠のスクリーンショット、絵コンテのコンタクトシート — 完璧な 1 コマが必要なときがあります。動画スクリーンショットは、単一フレームのキャプチャ、または 複数キャプチャの結合 を 1 枚の JPEG、PNG、WebP 画像として、ブラウザ内でローカル処理できます。
単一フレームと結合モード
| モード | 出力 | 最適な用途 |
|---|---|---|
| 単一画像 | 再生ヘッド位置の 1 静止画 | サムネイル、ミーム、ドキュメント |
| 複数を結合 | グリッドまたはストリップの 1 枚 | ステップチュートリアル、進捗比較 |
音声付きのモーション書き出しには 動画を GIF に変換 や MP4 ツールを使ってください。
手順：単一フレームをキャプチャする
- 動画スクリーンショット を開き、動画ファイルを読み込みます。
- 単一画像 キャプチャモードを選びます。
- タイムラインを正確なフレームまでスクラブします。矢印キーや細かいスクラブで精度を上げます。
- JPEG、PNG、WebP の出力を選びます。PNG/WebP は UI テキストをシャープに保持。JPEG は小さめです。
- キャプチャしてダウンロード をクリックします。
静止画は現在の再生ヘッド位置のみを反映します。
手順：複数フレームを結合する
- 複数を結合 モードに切り替えます。
- 任意の瞬間までスクラブし、タイムラインで キャプチャポイントを追加 します（最低 2 点）。
- 結合レイアウト を選びます。縦ストリップ、横ストリップ、2 列グリッド、3 列グリッド、または自動。
- 可逆圧縮形式では 品質 を調整します。
- 利用可能なら合成をプレビューし、結合してダウンロード をクリックします。
レイアウトはビフォーアフターや多段階ワークフローの比較に役立ちます。
ワークフローのアイデア
サムネイル静止画。 感情や読みやすいテキストが最も強いフレームまでスクラブし、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} と表示されます。
よくあるトラブル
結合には 2 点必要。 タイムラインにキャプチャポイントを追加してください。
キャプチャポイントが多すぎる。 余分を削除するかレイアウトを変更してください。
フレームがぼやける。 ソース動画がソフトか、JPEG 品質が低い可能性があります。PNG/WebP を試してください。
フレームが違う。 再スクラブしてください。タイムライン精度以外のフレーム正確なショートカットはありません。
よくある質問
動画はダウンロードされますか？
いいえ — 書き出されるのは静止画のみです。
フレームを商用利用できますか？
ソース動画コンテンツに権利がある場合のみです。
関連ツール
- 動画を GIF に変換 — 短いアニメーションループ
- 動画をクロップ — キャプチャ前にリフレーム
- YouTube サムネイルプレビュー — YouTube レイアウトで静止画をテスト