ブログ用の動画を圧縮して軽くする方法とHowTo。HD Video Converter Factory Proがおすすめ #ワードプレス
iPhoneやMacがWEBMに対応してくれたら…もっと軽くなる。
ということで、今回はワードプレスで作ったブログやサイトに動画を乗っけたいけど、Youtube経由だと重いし、そのまま張るともっと重いし…ってブラザー向けの記事。
めっちゃ簡単に動画を圧縮する方法とHowToをお届けです。
結論を言うと、HD Video Converter Factory Proを使うと余裕で解決できるので、この記事を参考に試してみるといいかもしれません。
※使用するのはHD Video Conveter Factory Proの無料版。無料版の機能だけでも5分までの動画は制限なく圧縮可能です。
#HD Video Converter factory Pro – 公式HP
ブログ(ワードプレス)に載せる動画を圧縮して軽くする方法とHowTo
今回はStable Diffusionで作ったMMD動画を圧縮するのが僕の目的。
それじゃ、早速ブログやサイトに動画をアップロードしたい時に役立つかもしれない「動画を圧縮して軽くする方法とHowTo」について見ていきましょう。
そのままブログにアップロードすると、数秒の動画でも20MBを優に超えますが、ブログやサイトに適したサイズに変更したり、ビットレートを落としたり、最適化して圧縮してやることで表示速度に大きな影響を与えずに動画を記載することができます。
- オンラインの動画圧縮ツールを使用する
- 動画編集ソフトで圧縮する
ブログやHP用の動画を簡単に圧縮する方法は上記の2つ。
まずは動画編集ソフトを使用して圧縮する方法について見ていきましょう。
Step1:HD Video Converter Factory Proをダウンロードする
まずはStep1。多機能動画ソフト「HD Video Converter Factory Pro」をダウンロードしましょう。
有料版もありますが、今回ご紹介する方法なら無料版で十分。最大5分までの動画なら何度でも圧縮可能です。
動画の圧縮に関してHD Video Converter Factory ProはDavinch ResolveやAviUtlよりも圧倒的に楽に、簡単に動画の圧縮ができますよ。
#HD Video Converter factory Pro – 公式HP
Step2:変換を開く
HD Video Converter Factory Proをダウンロードして起動したら「変換」をクリック。
Step3:圧縮したい動画を軽く編集する
HD Video Converter Factory Proの「変換」を開いたら、左上の"+ファイル追加"から圧縮したい動画を選択しましょう。
動画のクロップやカット(切り取り)が必要な場合でも、HD Video Converter Factory Proならそのまま編集可能です。
動画を切り取りする場合は範囲を選択肢して「切り取り」を選択後、OKをクリック。
音声ファイルが不要な場合は削除することもできます。
Step4:フォーマットやビットレートを変更する
動画のカットやクロップ、回転などの簡単な編集が終わったら「パラメータ設定」からフォーマットやビットレート、フレームレートを変更しましょう。
HD Video Converter factory Proで変更できる動画のパラメータは様々な種類がありますが、ブログやサイトにアップロードする時のおすすめ設定は以下の通りなので参考にどうぞ。
動画パラメータのおすすめ設定
| エンコーダ | H264 |
| 解像度 | 640×360 800×480 1280×720 |
| ビットレート | 256kbps 384kbps 512kbps |
| フレームレート | 15fps 20fps |
| 縦横比 | 自動 |
ちなみに、僕が動画を圧縮する時に使う設定は「エンコーダ:H264、解像度640×360、ビットレート:384kbps、フレームレート:20fps」。
解像度はYoutubeの"360p"にあたる640×360がおすすめです。
Step5:動画を圧縮する
動画の設定が一通り終わったら、右下の「変換」をクリックして圧縮開始。無料版では動画の変換が始まるまでに5秒間待つ必要があります。
5秒経過したら「試用」をクリックして変換開始。
右上の"開く"からファイルの保存場所に移動可能。
圧縮&変換された動画はデフォルトの場所に保存されるか、変換画面の左下にある「出力フォルダ」で指定した場所に保存されます。
HD Video Converter Factory Proで圧縮した動画はどれくらい軽くなる？
さてさて、せっかくなのでHD Video Converter Factory Proで変換&圧縮した動画はどれくらい軽くなるの？ってところも見ていきましょう。
今回は9秒間にカットした動画で音声付きなので少々重めですが…それでも普通にアップロードするのと比べて圧倒的に軽いファイルサイズ。
| 圧縮前 | 圧縮後 | |
| サイズ | 29.4MB | 654KB |
| 再生時間 | 9秒 | 9秒 |
| 解像度 | 1,920×1,080 | 640×360 |
| フレーム率 | 24フレーム/秒 | 20フレーム/秒 |
| ビットレート | 24,679kbps | 530kbps |
解像度やフレームレート、ビットレートを下げるとさらにファイルサイズを小さくできますが、ノイズやカクつきを考慮すると気持ち控えめくらいのパラメータ設定がおすすめです。
動画をブログやサイトにアップロードして表示する場合、再生時間はなるべく短めに。ファイルサイズは"200～600KB"くらいを目安にするといいかもしれません。
| #Tips |
| 今回はファイルサイズが大きめになりましたが、僕が動画をブログに乗せる時は再生時間5-6秒、ファイルサイズ:200～300KBくらいを目安にしてます。いくらファイルサイズが小さくなったとはいえ、動画を載せ過ぎるとPageSpeedが悪化するため、そのあたりもご注意を。 |
オンラインで動画を圧縮する方法
さくっと動画を圧縮して軽くしたいって場合はオンラインの動画圧縮ツール「Convertio(コンバーティオ)」を利用するのもあり。
無料版だと1日/10本までの制限があったり、触れるところが少ないというデメリットこそありますが、簡単にできて動画もめっちゃ軽くなります。
こちらもビットレートや解像度、コーデック、フレームレートや音声の有無などを変更できるほか、H264やH265、MP4やWEBMなど様々なコーデックや動画形式に対応しているので、気になるブラザーは試してみるといいかも。
Convertioも動画をがっつり軽量化できて、ノイズも少なくて、かなり優秀です。無料版だと1日の回数制限が…惜しい。
WEBMはiPhone/iPad/Macで再生できないのでご注意を
注意したいのは、記事公開時点でiPhone/iPad/Mac…つまりAppleのブラウザ“Safari"はWEBMに対応していないため、WEBMに変換してブログにアップロードする場合は「再生できないデバイスがある」ということも意識するといいかもですね。
iPhoneやiPad、Mac、AndroidやWindowsなど、様々な環境で動画を再生できるようにする場合は互換性の高い"MP4″がおすすめです。
| #Tips |
| WEBMは、Googleが提供しているロイヤリティフリーでオープンな動画ファイル形式。WEBMは圧縮率が非常に高く、MP4と比べて高画質&軽量が特徴です。同じ画質でも半分くらい変わる高い圧縮率が魅力ですが、環境によっては再生できない互換性のデメリットもあります。 |
GIFファイルはめっちゃ重いからNG
.gifはガチで激重い。
最後にもうひとつ。ブログやサイトにアニメーションとして動画を追加する場合は"GIF"もひとつの選択肢になりますが、GIFファイルは非常に重いのでこちらもご注意を。
(Youtubeを埋め込み動画で記載するのも…表示速度を重視するなら基本NG。iFrame Player APIが猛烈に重いから"そのまま"使うのはやめたほうがいいかもです)
Youtubeの埋め込みやGIFファイルを使用している記事はPageSpeed Insightsでも指摘されるので、ブログにアップするなら断然GIFよりMP4ですよブラザー。