【mov・mp4動画→gif変換】WordPressでgifアニメーションを表示する方法

こんにちは、おつまみ(@otsumami082)です。

 

解説系ブログをやっていると

画像より動画を使った方が読者に伝わるよね!

といったことってありますよね?

 

そんな時に役に立つのがgif形式の動画(アニメーション)です。

gif動画

 

gif形式の動画は自動かつエンドレスで再生されるので、ユーザーのアクションが不要。

わざわざ画面をタップして再生するのかったるいわ〜

というユーザーのニーズを満たすのにうってつけというわけです。

 

補足

※便宜上、gif形式のファイルのことを動画と言っていますが、厳密にはgifは画像ファイルに分類されます。

動く画像ファイルと言ってもいいかもしれません

画像ファイルなので、音声は扱えないといったデメリットがあります。

そこで今回は、『.mov』『.mp4』などの動画ファイルをgif画像ファイルに変換し、それをWordPress上で表示するまでの手順を解説していきたいと思います。

 

完全無料で行える方法です。ぜひ最後までご覧ください(*^^*)
Sponsored Link

無料オンラインツールでGIF動画に変換する

まずは無料オンラインフォーマット変換ツール【MOV GIF 変換】へアクセスします。

『MOV GIF 変換』画面

MOV GIF 変換のページへアクセスする

 

私が使ったオンラインツールの中で最も使いやすかったです。さまざまなファイル形式に対応!無料なのも良き!!

 

ファイルを選択をクリック。

 

任意の動画ファイルを選び開くをクリック

今回はmov形式の動画ファイルを使いますが、mp4形式の動画でも手順は同じです

 

変換オプションを設定するをクリック

この時、目標:GIFとなっていることを確認してください

 

今回は以下の設定にしました。

  1. ビデオをクリック
  2. ビデオサイズをカスタマイズするを選択
  3. 幅:198 高さ:108に設定
  4. フレームレート8を選択
  5. すべてのオーディオストリームを削除するにチェック
  6. OKをクリック

 

※フレームレートとは、1秒あたりの画像の枚数(コマ数)のこと。数字が少ないほどカクカクした動きになるが、ファイル容量は軽くなる。

補足
  • 【ビデオサイズ&フレームレート】 → ファイルサイズ
  • 【ビデオサイズ&フレームレート】 → ファイルサイズ特大

といった具合です。

 

変換開始をクリック。

 

しばらくすると出力ファイル欄にgif ファイルが生成されます。Downloadをクリックしてファイルをダウンロードしてください。

これでgif変換は完了。
次のステップからWordPressへのアップロード作業となります

 

補足

ちなみに、変更オプションをいじらなかった場合はファイル容量が膨大になります。

デフォルト設定

 

デフォルト設定で出力した場合、先程の場合と比べてファイル容量が約257倍となる

 

ファイル容量が大きすぎるとWordPress上で表示されるのが遅くなり、ユーザー利便性を損ないます。
そもそも、WordPress上にアップロードすらできなくなることもあるので注意。

 

WordPressにGIF画像(動画)を表示する

【ワードプレス管理画面にログイン→投稿編集画面にあるメディアを追加をクリック】

 

任意のファイルをドラッグ&ドロップします。

 

gifファイルを選択し投稿に挿入をクリック。

 

編集画面に表示されました。

gif画像が動いていれば成功!

 

これで目標は達成されました!

 

しかし、画像サイズが【198×108】なのでかなり小さいですね。

なので表示サイズを大きくしてみましょう

 

【画像をクリック→編集アイコンカメラアイコンをクリック】

 

今回は以下の設定にしました。

  1. サイズはカスタムサイズを選択
  2. 幅:300 高さ:164に設定
  3. 更新をクリック

 

これでgif画像が大きく表示されました。

画像を引き伸ばした分、画質が荒くなっています

 

今回はここまでとなります。

お疲れ様でしたm(_ _)m

 



案件多数!審査なし!!サイト開設してすぐの人におすすめのASPです。

 


サイトがなくても登録可能!AMAZONアソシエイトや楽天アフィリエイトなどのメジャー案件も多数なメジャーASPといえば『もしもアフィリエイト』。

 



安心安全な老舗レンタルサーバー『エックスサーバー』。無料お試し期間あり。WordPressの設定も楽々。

 



独自ドメインの取得が1円から可能!!国内シェアNo.1。

 

クレカ登録不要&簡単手続きで最大2.5%のポイント還元!30日無料のプライム会員登録で還元率アップ。

Twitterでフォローしよう

おすすめの記事