アニメーションGIFをビデオに置き換えてページの読み込みを高速化する
ビデオ解像度 - Video Resolutions
| ビデオ解像度 | 名称 (正式名称) | 備考 | |||
|---|---|---|---|---|---|
| 画像アスペクト比 DAR: (Display Aspect Ratio) | 16:9 | 3:2 | 4:3 | ||
| 4320p | 7680×4320 | 8K, SHV, 8K Ultra HD (Super High-Vision) | YouTube 推奨 | ||
| 2160p | 3840×2160 | 4K, UHD, Ultra HD (Ultra High Definition) | |||
| 1440p | 2560×1440 | 2K, FHD, Full HD (Full High Definition) | |||
| 1080p | 1920×1080 | HD (High Definition Video) | |||
| 720p | 1280×720 | SD (Standard Definition Video) | |||
| 480p | 854×480 | 720×480 | 640×480 | 480p (YouTube) | |
| 360p | 640×360 | 360p (YouTube) | |||
| 240p | 426×240 | 240p (YouTube) | |||
| 144p | 256×144 | 144p (YouTube) | |||
File:Vector Video Standards5.svg - Wikimedia Commons より
参考: 動画の解像度とアスペクト比 - パソコン - YouTube ヘルプ (Google)
ピクセルアスペクト比 - Wikipedia
File:Common_Video_Resolutions_2.svg - Wikimedia Commons より
参考: https://gadget-initiative.com › glossary
画面の解像度・アスペクト比まとめ | GADGET Initiative
ffmpeg のインストール
Windowsの場合は scoop で ffmpeg をインストールできますが、scoop 標準の ffmpeg では VP9 エンコード出来ないようです。(2021/02/25 現在) ffmpeg.json を編集して VP9 対応の ffmpeg をインストールする必要があります。
ffmpeg のオプション
MP4 - 1080p
$ ffmpeg -i input.mov -preset slow -codec:a libfdk_aac -b:a 128k -codec:v libx264 -pix_fmt yuv420p -b:v 4500k -minrate 4500k -maxrate 9000k -bufsize 9000k -vf scale=-1:1080 output.mp4
MP4 - 720p
$ ffmpeg -i input.mov -preset slow -codec:a libfdk_aac -b:a 128k -codec:v libx264 -pix_fmt yuv420p -b:v 2500k -minrate 1500k -maxrate 4000k -bufsize 5000k -vf scale=-1:720 output.mp4
MP4 - 480p
$ ffmpeg -i input.mov -preset slow -codec:a libfdk_aac -b:a 128k -codec:v libx264 -pix_fmt yuv420p -b:v 1000k -minrate 500k -maxrate 2000k -bufsize 2000k -vf scale=854:480 output.mp4
MP4 - 360p
$ ffmpeg -i input.mov -preset slow -codec:a libfdk_aac -b:a 128k -codec:v libx264 -pix_fmt yuv420p -b:v 750k -minrate 400k -maxrate 1000k -bufsize 1500k -vf scale=-1:360 output.mp4
参考文献
Replace animated GIFs with video for faster page loads
動画の解像度とアスペクト比 - パソコン - YouTube ヘルプ
480p - Wikipedia
720p - Wikipedia
動画の画質と解像度「SD、HD、フルHD、4K UHD、8K、480p、720p、1080p、HDR、Dolby Vison」の意味と違い | 俺の動画。
Convert video files to MP4 through FFMPEG
MP4をストリームで扱う場合の落とし穴 - 水底
FFmpegでよく使う例、コーデックをまとめてみた（2021年版） - Qiita