このページのコードが起動しませんでした。

index.htmlをフォルダから直接開くと、ブラウザがJavaScriptモジュールを読み込めません。そのため動画を選んでも何も起きません。フォルダはhttpで配信してください。

powershell -ExecutionPolicy Bypass -File serve.ps1

そのうえでhttp://localhost:8080/を開いてください。

動画のコマ切り出し — 動画の1コマを画像で保存

どの瞬間でも、画質を落とさずに1枚。

言語: 日本語
ソースを見る
動画はブラウザー内で処理されます。処理のためのアップロードはありません。

コマを探すのも、展開するのも、描くのも、すべてお使いのブラウザが手元のハードウェアで行います。この道具にはネットワーク機能が一切なく、取りに行く先も送る先もありません。仮に道があったとしても、このページの向こう側に動画を受け取るサーバーが存在しません。

いまの通信: 確認中…

オフライン: 確認中…

鵜呑みにする必要はありません。DevToolsの「ネットワーク」タブを開いたままコマを切り出してみてください。画像もファイル名も、選んだファイルの1バイトも、どのリクエストにも載りません。回線を抜いてから切り出してみるのでも構いません。処理のために動画をどこかへ送っている道具なら、そこで止まります。

1 動画を選ぶ

2 コマを探す

スライダーを動かして動画をたどるか、再生して好きなところで止めてください。←と→で1コマずつ、Shiftを押しながらなら10コマずつ動き、スペースで再生と一時停止をします。

0:00.000

3 静止画を切り出す

画質 92 コマをそのまま保存できるのはPNGだけです。それ以外は、動画自身の圧縮の上にもう一度圧縮をかけます。

切り出す間隔 一覧表を作るときや、ときどきサムネイルが欲しいときに。上限は500枚です。

秒ごと

4 切り出した静止画

Markdownで表示

動画から1コマを保存する手順

  1. 動画を選びます。MP4・MOV・M4V・WebMを選択欄にドラッグするか、手で選んでください。ブラウザがディスクから直接読み、その間に何かがどこかへ送られることはありません。
  2. その瞬間を探します。再生して止めるか、スライダーを動かしてください。MP4なら1目盛りが1コマなので、見えているものと保存するものの間に丸めは入りません。矢印キーで1コマずつ、Shiftを押しながらなら10コマずつ進みます。
  3. 形式を選びます。PNGは展開されたコマをそのまま保存します。ここでいう「画質を落とさない」はその意味です。JPEGとWebPはファイルが小さくなりますが、動画自身の圧縮の上にもう一度圧縮をかけます。下書きの確認には十分で、あとから編集するものには向きません。
  4. 1枚だけ、あるいは何枚も切り出します。1枚ならそのままダウンロードへ入ります。「N秒ごと」は動画を一度通しで走り、各地点で1枚ずつ取ります。一覧表やサムネイル作りに便利で、保存の確認が100回ではなく、1つのZIPにまとまって出てきます。

詳しい解説

動画の1コマを画像として保存する方法 動画から本来の解像度で静止画を取り出します。一時停止した画面のスクリーンショットが同じ絵ではない理由、どの形式で保存するか、そして狙ったコマにぴたりと止める方法。

よくある質問

動画はどこかにアップロードされますか?

いいえ。読み込みも展開も、お使いのブラウザがお手元のハードウェアで行います。この道具にサーバー側はなく、ページのContent-Security-Policyには接続してよいアドレスがすべて書かれていて、そのどれもこのサイトのものではありません。言葉より確認という方は、回線を抜いてからコマを切り出してみてください。

「画質を落とさない」とは具体的に何ですか?

2つあります。1つは、保存される画像がページ上のプレビューの大きさではなく、動画そのものの解像度になることです。4Kの動画なら3840 x 2160の画像ができます。もう1つは、PNGを選んだ場合、デコーダーから出てきたままのコマが保存されるということです。つまりファイルの中身は動画が持っている絵そのもので、その上に二度目の圧縮は載りません。再生ウィンドウのスクリーンショットはどちらも満たしません。大きさはウィンドウの大きさで、しかもプレイヤーが拡大縮小と色変換を済ませたあとの絵だからです。

どの動画形式からコマを取り出せますか?

MP4・M4V・MOVは中身によらず直接読めます。H.264でもHEVCでもAV1でもVP9でも、お使いのブラウザがそのコーデックを展開できるかぎり大丈夫です。これが、個々のコマを名指しできる正確な経路です。それ以外でブラウザが再生できるもの、代表的にはWebMは、プレイヤーをその位置へ動かして表示された絵を描く方法で扱います。原寸の画像は保存できますが、着地するのはプレイヤーが選んだコマで、あなたが指定したコマとは限りません。ブラウザが読むことも再生することもできないファイル、実際にはAVI・WMV・FLV、そしてほとんどのMKVは、その旨を伝えて受け付けません。

1コマずつ送れますか?

MP4なら、正確に送れます。この道具はファイル自身のコマ一覧を読むので、矢印キーは実際にそこにあるコマの間を移動します。フレームレートが揺れる動画でも同じで、30分の1秒ずつという固定の刻みなら少しずつずれていくところです。再生経路にはその一覧がないため、1回の操作はおよそ1コマ分の移動になり、ページにもそう表示されます。

スマホの縦向き動画が、ここでは正しい向きなのはなぜですか?

回転を意図して適用しているからです。スマホは横向きで撮影し、画素を回す代わりに「4分の1回転」という情報をファイルに書きます。デコーダーが渡してくるコマは横倒しで、どのプレイヤーも画面に出す途中でそれを起こしています。この手順を飛ばす道具は、正しい瞬間のもっともらしい画像を、横倒しのまま保存します。この道具はトラックから回転を読み取り、何かを描く前に適用します。

動画のサイズや長さに上限はありますか?

道具に組み込まれた上限はありません。ファイルを一度にメモリへ読み込むこともなく、数メガバイトずつたどっていきます。長い動画が短いものと同じくらい速く開くのはそのためです。切り出した画像はダウンロードするまでページの中に置かれるので、現実的な頭打ちは動画そのものではなく、4KのPNGが数百枚といったあたりです。

切り出した画像をあとから拡大縮小したり切り抜いたりできますか?

ここではできませんが、隣でできます。この道具はコマをそのまま保存します。大きさや形を変えるのはそれ自体が判断を伴う別の作業で、画像リサイズがどちらもできます。こちらもアップロードはしません。絵を変えずにファイルだけ小さくしたい場合は画像圧縮です。

無料ですか。アカウントは必要ですか?

無料です。アカウントも、ログインも、試用期間も、透かしもありません。このサイトには広告があり、それが費用を賄っています。広告に動画の情報が渡されることはありません。