WordPressの記事で簡単な手順を説明するのにYoutubeや動画を埋め込むと
表示が重いわSEO的によくないわいちいち再生ボタン押さないと再生されないわで、
あまりメリットがないですし不便です。。
WordPressの記事投稿に限らず、
「動画の解像度は気にせず軽くしたい!」という方にオススメな
動画ファイル(.mov)をGIF形式ファイル(.gif)に簡単に変換できる「ffmpeg」の紹介です!
早速インストールしていきましょう!
ffmpeg インストール手順
・ターミナルを開いて以下のインストールコマンドを実行
brew install ffmpeg
Homebrewがインストールされていることが前提です🍺
インストールしていない方は以下コマンドでインストールしてください。
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"
使い方
・ターミナルを開く
command ⌘ + space → 「ターミナル」と入力 → return ⏎
ランチパッドでアプリを起動するよりこっちのほうが早くて好き
・以下をコピペして実行
ffmpeg -i 変換前の動画キャプチャのファイル名.mov -r FrameRate GIFに変換後のファイル名.gif
・以下のように書き換えます。
変換前の動画キャプチャのファイル名.mov → 前の動画ファイル名
FrameRate → フレームレートを半角数字で指定
変換前の動画キャプチャのファイル名.gif → 変換後のGif形式ファイル名
・実行例
「input_Sample.mov」という動画ファイルを24フレームレートで「output_Sample.gif」というGIFファイルに変換する場合
ffmpeg -i input_Sample.mov -r 24 output_Sample.gif
Gif形式ファイルに変換後のサンプル
実際にどのくらいのフレームレートでどのくらいの滑らかさなのか、
ということは変換してみないとわからないので、参考Gifをサンプルとしておいておきます。
変換後のGif形式ファイル(.gif)のフレームレートが5
変換後のGif形式ファイル(.gif)のフレームレートが15
15fpsだとかなり容量を落とせますが、カクカクを顕著に感じますのでお好みで
変換後のGif形式ファイル(.gif)のフレームレートが30
人が見てスムーズだと感じるfps(フレームレート)は、24fps〜30fps程度と言われています。
また、日本のテレビ放送が30fpsのため、最高でも30fpsあればスムーズに感じられますが、あまりファイル容量を落とせません。
変換後のGif形式ファイル(.gif)のフレームレートが60
30fpsとあんまり変わらない、、?
権限系のエラーのトラブルシューティング
自分も権限のエラーがでた際に別記事で対応手順を記載しているので参考にどうぞ!
【Mac】brew install 時に「XXX is not writable. You should change the
ownership and permissions of XXX back to your
user account:」とエラーが出た時の対処法
【Mac】brew install 時に「The following directories are not writable by your user:」とエラーが出た時の対処法
あとがき
ffmpegのインストールお疲れさまでした。
これで簡単にfpsを指定してGIFを作成することができるようになりましたね!
それでは次の記事で会いましょう!