iPhoneやMacがWEBMに対応してくれたら…もっと軽くなる。
今回はワードプレスで作ったブログやサイトに動画を乗っけたいけど、Youtube経由だと重いし、そのまま張るともっと重いし…って人向けの記事。
めっちゃ簡単に動画を圧縮する方法とHowToをお届けです。
結論を言うと、HD Video Converter Factory Proを使うと余裕で解決できるので、この記事を参考に試してみるといいかもしれません。※使用するのはHD Video Conveter Factory Proの無料版。無料版の機能だけでも5分までの動画は制限なく圧縮可能です。
#HD Video Converter factory Pro – 公式HP
HD Video Converter Factory Proでブログ用の動画を圧縮して軽く方法とHowTo
ブログやサイトにそのまま動画をアップロードすると、数秒の動画でも20MBを優に超えますが、ブログやサイトに適したサイズに変更したり、ビットレートを落としたり、最適化して圧縮してやることで、記事の表示速度に大きな影響を与えずに動画を記載することができます。
- オンラインの動画圧縮ツールを使用する
- 動画編集ソフトで圧縮する
ブログやHP用の動画を簡単に圧縮する方法は上記の2つ。
オンラインの動画圧縮ツールは無料で使えることが多いですが、回数制限があって、使いたいときに使えない。動画編集ソフトで毎回編集して、圧縮するのは大変…という人におすすめしたいのは「HD Video Converter Factory Pro」を使った圧縮かなと。
まずは動画編集ソフトを使用して圧縮する方法について見ていこうかと思うので、ブログの動画サイズ軽くしたいけど…動画編集ソフトだと面倒くせぇ！って人は参考にどうぞ。
HD Video Converter Factory Proで動画サイズを軽くする方法
まずは多機能動画ソフト「HD Video Converter Factory Pro」を使った動画のファイルサイズダウン&圧縮方法について。
HD Video Converter Factory Proは有料版も用意されていますが、今回ご紹介する方法なら無料版で十分。最大5分までの動画なら何度でも圧縮可能です。
動画の圧縮に関してHD Video Converter Factory ProはDavinch ResolveやAviUtlよりも圧倒的に楽に、簡単に動画の圧縮ができるので…僕もヘビーユースしてる。
#HD Video Converter factory Pro – 公式HP
HD Video Converter Factory Proを使った圧縮では、変換機能を活用します。ソフトのダウンロードが完了し、起動したら「変換」をクリック。
HD Video Converter Factory Proの「変換」を開いたら、左上の”+ファイル追加”から圧縮したい動画を選択しましょう。
動画のクロップやカット(切り取り)が必要な場合でも、HD Video Converter Factory Proならそのまま編集可能です。
動画を切り取りする場合は範囲を選択肢して「切り取り」を選択後、OKをクリック。
音声ファイルが不要な場合は削除しておくと、さらにファイルサイズを小さくできる。
動画のカットやクロップ、回転などの簡単な編集が終わったら「パラメータ設定」からフォーマットやビットレート、フレームレートを変更します。
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がおすすめです。
動画の設定が一通り終わったら、右下の「変換」をクリックして圧縮開始。無料版では動画の変換が始まるまでに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”くらいを目安にするといいかも。
今回はファイルサイズが大きめになりましたが、僕が動画をブログに乗せる時は再生時間5-6秒、ファイルサイズ:200～300KBくらいを目安にしてます。いくらファイルサイズが小さくなったとはいえ、動画を載せ過ぎるとPageSpeed Insightsの評価が悪化するため、そのあたりもご注意を。
オンラインで動画サイズを軽くする方法
さくっと動画を圧縮して軽くしたいって場合はオンラインの動画圧縮ツール「Convertio(コンバーティオ)」を利用するのもあり。
無料版だと1日/10本までの制限があったり、触れるところが少ないというデメリットこそありますが、簡単にできて動画もめっちゃ軽くなります。
こちらもビットレートや解像度、コーデック、フレームレートや音声の有無などを変更できるほか、H264やH265、MP4やWEBMなど様々なコーデックや動画形式に対応しているので、気になる人は試してみるといいかも。
Convertioも動画をがっつり軽量化できて、ノイズも少なくて、かなり優秀です。無料版だと1日の回数制限が…惜しい。
WEBMはiPhone/iPad/Macで再生できない
注意したいのは、記事公開時点でiPhone/iPad/Mac…つまりAppleのブラウザ“Safari”はWEBMに対応していないため、WEBMに変換してブログにアップロードする場合は「再生できないデバイスがある」ということも意識するとよき。
WEBMは、Googleが提供しているロイヤリティフリーでオープンな動画ファイル形式。WEBMは圧縮率が非常に高く、MP4と比べて高画質&軽量が特徴です。同じ画質でも半分くらい変わる高い圧縮率が魅力ですが、環境によっては再生できない互換性のデメリットもあります。
iPhoneやiPad、Mac、AndroidやWindowsなど、様々な環境で動画を再生できるようにする場合は互換性の高い”MP4″、コーデックは”h264”がおすすめです。
GIFファイルはめっちゃ重いからNG
最後にもうひとつ。ブログやサイトにアニメーションとして動画を追加する場合は”GIF”もひとつの選択肢になりますが、GIFファイルは非常に重いのでこちらもご注意を。
Youtubeを埋め込み動画で記載するのも…表示速度を重視するなら基本NG。iFrame Player APIが猛烈に重いから”そのまま”使うのはやめたほうがいいかもです。最近はデフォルトで遅延読み込みが行われるようになったのでいくらかマシになりましたが、多用すると重くなります。
Youtubeの埋め込みやGIFファイルを使用している記事はPageSpeed Insightsでも指摘されるので、ブログにアップするなら断然GIFよりMP4がおすすめ。何かしらの参考になれば！