インパクト抜群!ブログに[動くループ画像]を設置する方法!


吉岡です!

 

前回のブログ(※)では、

ブログへの画像挿入に役立つフリー画像サイトをご紹介しました!

今回は中級編として、【動くループ画像】をブログに貼り付ける方法について書いていきます!!

※動画じゃないですよ!

 

⇓こんなやつです⇓

 010-funny-animal-gifs-kittens

(出典:http://matome.naver.jp/odai/2139730531722832601)

 

 

| Gifアニメーション画像とは


 動くループ画像とは…

一定枚数の画像がアニメーションでループ再生される画像のことです。

具体的には、[Gifアニメーション画像]と呼びます。


 

このGifアニメーション画像は、インターネットでは十八番になっているしゅほうなので、

 日常的にインターネットを利用している方であれば絶対に見たことがあると思います。

 

250x152x25bf046d60f8c3ff539e94c4このGifアニメーション画像には、大きく3つの利点があります。

・動いているので、視認性バツグン!

・ループ再生されるので、どこから見始めた人にもきちんと伝わる

・ファイルサイズが軽い

 

ただし、

動画のように長時間の視聴が想定された作りになっていないので、

そのような意味合いでは注意が必要です。

長くても10秒ほどで1周できる方がいいです。

 

 

| ブログへの挿入方法


さて、Gifアニメーション画像はどのようにブログへ挿入すれば良いのでしょうか?

引っ張った割に結論はすごくシンプルなのですが、

通常の画像挿入方法と全く同じです!(笑)

 

なので、

・施術の様子を【動きを使って】伝えたい

・手順を伝える際に、【動きを使って】説明したい

などといった場合には、

ムービーファイルをGif化してブログへ挿入しましょう!!

 

jvG4BTq ん!?という方向けに、YouTubeの動画をGifアニメーションに変換するサービスをご紹介します!(笑)

https://gifyoutube.com/

http://gigazine.net/news/20140818-gif-youtube/

 手順としては、

 ①自作のムービーをYouTubeにアップ

 ②このサイトでGifアニメーション画像に加工

 ③出来上がったGif画像ファイルをブログへ挿入

というカンタンな流れになっております!

 

他にもGifアニメーションを作る方法はちょっと調べるだけでもたくさんあるので、

是非いろいろ試してみてください!!

 

 

最後に

「Gif おもしろ」などで検索すると、

非常に優れたアニメーションがたくさん出てきます。

是非参考にしながら、あなたのホームページの彩りを良くしてみてください!(^o^)/

 

そして以下のようなセミナーも開催するので、少しでも興味ありましたら是非ご参加ください!!


【一目瞭然!】ここまで差が出るブログ記事書き方セミナー&ダメホームページ脱却大作戦!

日時:9月4日 13:00〜17:00

場所:株式会社ジグ セミナールーム

実践的なブログの書き方と、ホームページ分析についてもセミナー開催いたします!

もっとWeb集客を増加させたい…そんな方はぜひご参加ください!!

詳細はコチラから


 

⇓最後に僕が一番好きなGifアニメーションでお別れしましょう!(笑)⇓

4d3033d7875f4a71