差分
このページの2つのバージョン間の差分を表示します。
次のリビジョン | 前のリビジョン 次のリビジョン両方とも次のリビジョン | ||
html_css:replace_gifs_with_videos [2021/02/25 14:54] – 作成 ともやん | html_css:replace_gifs_with_videos [2022/01/31 01:09] – [ビデオ解像度] ともやん | ||
---|---|---|---|
行 1: | 行 1: | ||
+ | ~~CLOSETOC~~ | ||
====== アニメーションGIFをビデオに置き換えてページの読み込みを高速化する ====== | ====== アニメーションGIFをビデオに置き換えてページの読み込みを高速化する ====== | ||
- | Windowsの場合は [[windows: | + | |
+ | ===== ビデオ解像度 ===== | ||
+ | < | ||
+ | < | ||
+ | #mintbl th { | ||
+ | white-space: | ||
+ | } | ||
+ | </ | ||
+ | </ | ||
+ | <WRAP prewrap 100% # | ||
+ | ^ ^ ビデオ解像度 | ||
+ | ^ 画像アスペクト比\\ DAR: \\ (Display Aspect Ratio) | ||
+ | |4320p | ||
+ | |2160p | ||
+ | |1440p | ||
+ | |1080p | ||
+ | | 720p | 1280x720 | || SD (Standard Definition Video) | ||
+ | | 480p | 854x480 | 720×480| 640x480 | ||
+ | | 360p | 640x360 | || 360p (YouTube) | ||
+ | | 240p | 426x240 | || 240p (YouTube) | ||
+ | | 144p | 256×144 | || 144p (YouTube) | ||
+ | </ | ||
+ | |||
+ | {{html_css: | ||
+ | [[https:// | ||
+ | |||
+ | 参考: [[https:// | ||
+ | [[wpjp> | ||
+ | |||
+ | {{html_css: | ||
+ | |||
+ | 参考: [[https:// | ||
+ | 画面の解像度・アスペクト比まとめ | GADGET Initiative]]\\ | ||
+ | |||
+ | ===== ffmpeg のインストール ===== | ||
+ | Windowsの場合は [[windows: | ||
+ | |||
+ | ===== ffmpeg のオプション ===== | ||
+ | <WRAP prewrap 100%> | ||
+ | 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: | ||
+ | </ | ||
+ | |||
+ | 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: | ||
+ | </ | ||
+ | |||
+ | 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: | ||
+ | </ | ||
+ | |||
+ | 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: | ||
+ | </ | ||
+ | </ | ||
===== 参考文献 ===== | ===== 参考文献 ===== | ||
[[https:// | [[https:// | ||
+ | [[https:// | ||
+ | [[wpjp> | ||
+ | [[wpjp> | ||
+ | [[https:// | ||
+ | [[https:// | ||
+ | [[https:// | ||
+ | [[qita> | ||