html_css:replace_gifs_with_videos

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン 前のリビジョン
次のリビジョン		 前のリビジョン
html_css:replace_gifs_with_videos [2021/06/04 04:49] – ともやんhtml_css:replace_gifs_with_videos [2024/04/09 15:49] (現在) – ともやん
行 1: 行 1:
 +~~CLOSETOC~~
 ====== アニメーションGIFをビデオに置き換えてページの読み込みを高速化する ====== ====== アニメーションGIFをビデオに置き換えてページの読み込みを高速化する ======
- +{{page>hardware:video_resolutions}}
-===== ビデオ解像度 ===== +
-<html> +
-  <style> +
-    #mintbl th { +
-      white-space: nowrap; +
-    } +
-  </style> +
-</html> +
-<WRAP prewrap 100% #mintbl> +
-^ ^  ビデオ解像度  ^^^  名称 (正式名称)  ^  備考  ^ +
-^ 画像アスペクト比\\ DAR: \\ (Display Aspect Ratio)  ^  16:9  ^  3:2  ^  4:3  ^ ::: ^ ::: ^ +
-|4320p  |  7680×4320 | || 8K, SHV, 8K Ultra HD (Super High-Vision)  |  | +
-|2160p  |  3840x2160 | || 4K, UHD, Ultra HD (Ultra High Definition)  | YouTube 推奨  | +
-|1440p  |  2560x1440 | || 2K, FHD, Full HD (Full High Definition)  | :::  | +
-|1080p  |  1920x1080 | || HD (High Definition Video)  | ::: | +
-| 720p  |  1280x720 | || SD (Standard Definition Video)  | ::: | +
-| 480p  |  854x480 |  720×480| 640x480  | 480p (YouTube)  | ::: | +
-| 360p  |  640x360 | || 360p (YouTube)  | ::: | +
-| 240p  |  426x240 | || 240p (YouTube)  | ::: | +
-| 144p  |  256×144 | || 144p (YouTube)  | ::: | +
-</WRAP> +
- +
-{{html_css:vector_video_standards5.svg?600|Vector_Video_Standards5.svg}}\\ +
-[[https://commons.wikimedia.org/wiki/File:Vector_Video_Standards5.svg|File:Vector Video Standards5.svg - Wikimedia Commons]] より\\ +
- +
-参考: [[https://support.google.com/youtube/answer/6375112|動画の解像度とアスペクト比 - パソコン - YouTube ヘルプ (Google)]]\\ +
-　[[wpjp>ピクセルアスペクト比|ピクセルアスペクト比 - Wikipedia]]\\ +
- +
-{{html_css:common_video_resolutions_2.svg?340|Common_Video_Resolutions_2.svg}}\\[[https://commons.wikimedia.org/wiki/File:Common_Video_Resolutions_2.svg|File:Common_Video_Resolutions_2.svg - Wikimedia Commons]] より\\+
  
 ===== ffmpeg のインストール ===== ===== ffmpeg のインストール =====
行 65: 行 37:
 [[https://gist.github.com/dvlden/b9d923cb31775f92fa54eb8c39ccd5a9|Convert video files to MP4 through FFMPEG]]\\ [[https://gist.github.com/dvlden/b9d923cb31775f92fa54eb8c39ccd5a9|Convert video files to MP4 through FFMPEG]]\\
 [[https://amaya382.hatenablog.jp/entry/2017/03/26/012530|MP4をストリームで扱う場合の落とし穴 - 水底]]\\ [[https://amaya382.hatenablog.jp/entry/2017/03/26/012530|MP4をストリームで扱う場合の落とし穴 - 水底]]\\
 +[[qita>CyberRex/items/960bbd0f348ad8dca544|FFmpegでよく使う例、コーデックをまとめてみた（2021年版） - Qiita]]\\
  
  • html_css/replace_gifs_with_videos.1622749763.txt.gz
  • 最終更新: 2021/06/04 04:49
  • by ともやん