動画から静止画を切り出す
動画から静止画を切り出します。動画を開き、必要なら1コマずつ動かしてちょうど良い場面を選び、写真として保存します。動画と同じ解像度で、アップロードなしで使えます。
出典:WICG – HTMLVideoElement.requestVideoFrameCallback() (mediaTime je dargestelltem Bild)。更新日:
計算方法
要点:このツールはブラウザ上で動画を開き、1コマ単位で狙った瞬間まで移動して、その静止画を動画と同じ解像度でPNG(無劣化)・JPG・WebPとして保存します。一定間隔の連続切り出しをZIPでまとめて保存することもできます。動画がアップロードされることはありません。
使い方
- 動画をドラッグするか選択します。フレームレートを短時間で測定します。
- スライダーで近くまで移動し、「◀ 1」「1 ▶」で1コマずつ動かします。
- 形式を選び「このコマを保存」を押します。何枚でも保存できます。
- たくさん切り出すときは「連続切り出し」を開き、間隔(例:1秒ごと)を選んでZIPで保存します。
1コマ単位で正確に切り出せる理由
動画は一定の速さで並んだコマの連続で、たとえば毎秒25コマや30000/1001≒29.97コマ(NTSCの規格、ITU-R BT.1700)です。n番目のコマはn/fから(n+1)/fの時間を占めます。このツールは常にその区間の真ん中へ移動するので、丸め誤差があってもブラウザは隣ではなく狙ったコマを表示します。フレームレートは、動画を無音で一瞬再生し、表示されたコマの時刻をブラウザのrequestVideoFrameCallbackで集めて測定しています。保存される画像はプレビューの大きさではなく、動画本来のサイズ(videoWidth × videoHeight)です。
できないこと
- 開ける動画はブラウザによって異なります。H.264とVP9はどこでも、HEVC(iPhoneの標準)はSafariと、対応ハードウェアのあるChrome/Edgeで開けます。
- 可変フレームレートの動画(一部のスマホ撮影)では、まれに1回で2コマ進むことがあります。「◀ 1」で調整してください。
- 静止画は動画以上にはきれいになりません。ブレや圧縮ノイズはそのまま残ります。
プライバシー
動画はブラウザの中だけで再生され、アップロードされません。
よくある質問
動画から静止画を切り出すには?
ここで動画を開き、スライダーとコマ送りボタンで場面を選んで「このコマを保存」を押します。動画と同じ解像度で保存されます。
iPhoneで動画から静止画を切り出すには?
Safariでこのページを開き、写真ライブラリから動画を選んでコマを合わせ、保存します。写真アプリではスクリーンショットしか撮れず、解像度が下がったり操作ボタンが写ったりしがちです。
スクリーンショットではだめですか?
多くの場合、画質が落ちます。スクリーンショットは画面の解像度で、再生ボタンなども写ります。ここでは動画本来のコマを保存するので、4K動画なら3840×2160ピクセルです。
高画質で保存するならどの形式?
PNGは劣化がありませんがファイルが大きくなります。JPG(90%)はずっと小さく、写真なら通常十分です。
パソコン(Windows11)でも使えますか?
はい。ChromeやEdgeでこのページを開けば、インストールなしで使えます。iPhoneで撮ったHEVC動画は、パソコンによっては開けないことがあります。
動画が開けないときは?
ほとんどはコーデックが原因です。iPhoneの動画(HEVC)はSafariなら開けます。iPhoneの「設定→カメラ→フォーマット」で「互換性優先」を選ぶとH.264で撮影されます。
出典・根拠
- WICG – HTMLVideoElement.requestVideoFrameCallback() (mediaTime je dargestelltem Bild)
- MDN – HTMLVideoElement.requestVideoFrameCallback()
- WHATWG HTML – media element currentTime (Springen/Seeking)
- ITU-R BT.1700 – NTSC/PAL-Bildraten (30000/1001 = 29,97 Bilder/s)
- MDN – Web video codec guide (welche Formate der Browser abspielt)
- PKWARE – APPNOTE.TXT (ZIP File Format Specification)
- ITU-T T.81 / ISO/IEC 10918-1 – JPEG
- W3C – Portable Network Graphics (PNG) Specification
- Google for Developers – An image format for the Web (WebP)
- AOMedia – AV1 Image File Format (AVIF)
- MDN – Image file type and format guide
- MDN – HTMLCanvasElement.toBlob()
- Open-source licenses of the libraries used (MIT, LGPL-3.0)
更新日:
関連ツール
- 動画をGIFに変換動画をGIFに変換。MP4・MOV・WebMから開始位置、長さ、幅、フレームレートを選んでGIFを作成します。ブラウザ内で完結し、アップロードも透かしもなし。
- 再エンコードなしで動画をトリミング動画の前後を数秒でカット。MP4・MOV・WebMを再エンコードせず、画質を落とさずにトリミングできます。無料、ブラウザ内で処理しアップロード不要です。
- 動画をMP3に変換動画をMP3に無料で変換。MP4・MOV・WebMの音声を、ビットレートと範囲を指定してMP3かWAVで保存できます。アップロードなしのブラウザ内処理で安全です。
- 動画を指定サイズに圧縮動画を10MB・25MBなど決めたサイズに圧縮。MP4・MOV・WebMをブラウザ内で処理し、アップロードも登録も不要です。無料で使えます。
- 画像圧縮ツール:画像を軽くするJPG・PNG・WebP・HEICの画像を無料で圧縮。アップロード不要でブラウザ内で処理し、最大20枚を一括で軽くできます。KB指定やZIP保存にも対応。
- BPM測定サイト:音声ファイルからBPMを測定曲のBPMを測定。音声ファイルを選ぶと、ブラウザー内でテンポを計算し、±の誤差、信頼度、半分・倍のテンポの候補まで表示します。無料でアップロード不要。