ネットに動画を掲載するのは、もはや当たり前のことになりました。が、時と場合によっては、動画形式だと不都合なケースがあります。
そこで、フリーの動画をダウンロードした後、アニメ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が無料ダウンロードがたくさん掲載されています。
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画像をサイズ変更できます。www.iloveimg.com
こちら、猫のGIFアニメ画像を2/3程度にリサイズ。容量も3.2MB程度まで低減しました。
ご相談はお気軽に！
