雪の結晶が降ってくる動画(MP4)をGIFアニメへ変換してアップ!無料ツールのみでここまでできる

ネットに動画を掲載するのは、もはや当たり前のことになりました。が、時と場合によっては、動画形式だと不都合なケースがあります。

そこで、フリーの動画をダウンロードした後、アニメGIFに変換してみました。こうすることで、動画をサポートしていないシステム内にアップすることができます。Jimdoも、Youtubeにアップした画像は表示できるものの、サイト内に直接動画を表示することができません。

ファイルダウンロードの機能を使えば、掲載できることはできるのですが、ダウンロードアイコンとして表示されてしまうんですよね。(ページ上にそのまま動画が表示される形式にはならない)
https://jp-help.jimdo.com/file-download/

GIFアニメとは

GIFアニメーション(ジフアニメーション、GIF animation)は、Graphics Interchange Format (GIF) の「マルチイメージ」を使ったアニメーション。アニメーションGIF (animated GIF) とも呼ばれ、一枚の画像内に、動きを表現できる画像形式です。
TwitterやFacebookにもGIFアニメを追加できる機能があります。

  • Facebook:投稿画面に「GIF」というボタンあり
  • Twitter:投稿画面に「GIF画像を追加」ボタンあり

これらは、Youtubeに上がっている動画とはまた別の形式です。上述した通り、一枚の画像になっているので、jpgやpng形式と同列に扱われることが多いのが特徴です。つまり再生するのに、特別なプラグインもアプリも不要。インターネットを見るブラウザさえあれば、再生する形式なのです。

こちらは、海外のサイトですが、アニメGIFが無料ダウンロードがたくさん掲載されています。

GIPHY
https://giphy.com/search/gify

Step1:まずは無料動画をダウンロード

pixabayにフリーの動画があったので、今回はこちらをダウンロード。
https://pixabay.com/ja/videos/%E9%9B%AA%E7%89%87-%E9%9B%AA-%E5%86%AC-%E3%82%AF%E3%83%AA%E3%82%B9%E3%83%9E%E3%82%B9-%E9%99%8D%E9%9B%AA-%E5%86%B7-6310/

動画も無料で手に入る時代。
便利だなぁ。

Step2:動画をGIFアニメに変換

今回使用する動画は「MP4」という形式。これををGIFアニメに変換するツールなんて、あるのかな?と探したら、やはりある!しかもオンライン!こちらを使用しました。

MP4からGIFへのコンバーター
https://convertio.co/ja/mp4-gif/

余談ですが、静止画をアップすると、GIFアニメにしてくれるオンラインツールもある模様。今度使ってみよう。

AlpacaDougaで「GIFアニメ」作成!
http://firealpaca.com/douga

あっと言うまにMP4動画がGIFアニメに

こちらが、コンバーターで作成したGIFアニメです。画像をクリックすると、雪の結晶が降ってきます。

このブログでは、クリックしないと再生しないのですが、Jimdoサイトなどに掲載すると、そのまま自動的に再生が始まります。

▼JimdoにアップしたGIFアニメサンプル
猫画像をクリックすると、Jimdoページにジャンプします。

こうやって変換しておくと、Jimdoのヘッダー画像(背景画像)にも使用できるようになります。違う動画ですが、講座用のサンプルとして作成したサイトのヘッダー画像に、GIFアニメを設定してみました。

講座用の架空サロン
https://kouza171008.jimdo.com/

Jimdoのヘッダー画像(背景画像)は、Youtube動画を表示させる機能はあるものの、動画そのものをアップすることができません。そこで、GIFアニメに変換し、ヘッダー用画像として掲載したという流れです。

GIFアニメは容量が重くなるデメリットも

このように応用範囲がグッと広がるGIFアニメですが、残念ながらファイルサイズがとても重くなってしまいます。元のmp4動画は1MBを切っているのに、GIFアニメに変換すると5~6MBまで容量がアップ。どうしても表示が重くなってしまいますので、ご注意くださいませ。

追記:WordPress内でGIFアニメが表示されない場合の回避方法

WordPress側で画像をリサイズしてしまうと、GIFアニメが静止になってしまうので、そのままのサイズで貼り付ける、あるいは別のツールでリサイズしておきましょう。
無料のオンラインツールもあります。便利!

GIFサイズ変更(無料・オンライン):

オンラインで様々なGIF画像を必要に応じてアニメーションを維持しながらサイズ変更。パーセンテージまたはピクセル単位でGIF画像をサイズ変更できます。

こちら、猫のGIFアニメ画像を2/3程度にリサイズ。容量も3.2MB程度まで低減しました。

ご相談はお気軽に!

ホームページ制作やSNSの導入・活用支援、ITコンサルティング、講師や執筆などに携わっています。集客やウェブ活用、SNSの運用などでお困りの方は、ぜひご相談ください。

お問い合わせはこちら >>

シェアする

  • このエントリーをはてなブックマークに追加

★フォローお待ちしております!★

PAGE TOP