差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
html_css:replace_gifs_with_videos [2021/05/31 15:16] – ともやん | html_css:replace_gifs_with_videos [2024/04/09 15:49] (現在) – ともやん | ||
---|---|---|---|
行 1: | 行 1: | ||
+ | ~~CLOSETOC~~ | ||
====== アニメーションGIFをビデオに置き換えてページの読み込みを高速化する ====== | ====== アニメーションGIFをビデオに置き換えてページの読み込みを高速化する ====== | ||
- | Windowsの場合は [[windows:scoop|scoop]] で [[windows: | + | {{page> |
- | ===== ビデオ解像度 | + | ===== ffmpeg のインストール |
- | ^ ^ ビデオ解像度 | + | Windowsの場合は [[windows:scoop|scoop]] で [[windows:ffmpeg|ffmpeg]] をインストールできますが、[[windows:scoop|scoop]] 標準の [[windows:ffmpeg|ffmpeg]] では VP9 エンコード出来ないようです。(2021/02/25 現在) ffmpeg.json を編集して VP9 対応の ffmpeg をインストールする必要があります。\\ |
- | ^ 画像アスペクト比\\ (Display Aspect Ratio:DAR) | + | |
- | |4320p | 7680×4320 || 8K, SHV, 8K Ultra HD (Super High-Vision) | + | |
- | |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: | + | ===== ffmpeg |
- | [[https:// | + | |
- | + | ||
- | 参考: [[https:// | + | |
- | [[wpjp> | + | |
- | + | ||
- | {{html_css: | + | |
- | + | ||
- | + | ||
- | ===== ffmpeg オプション ===== | + | |
<WRAP prewrap 100%> | <WRAP prewrap 100%> | ||
MP4 - 1080p | MP4 - 1080p | ||
行 55: | 行 37: | ||
[[https:// | [[https:// | ||
[[https:// | [[https:// | ||
+ | [[qita> | ||