画像や簡単な動画やアニメーションとしてもブログに貼れるGIFファイル。
今日の記事ではそんなGIFファイルの作成方法について、詳しく解説します。
○ GIFとは画像形式のひとつ
○ 画像から簡単なGIFの作成方法
○ GIF画像の作り方の注意点
◇ GIFアニメーション作成方法 応用編
○ 動画からもGIFを作れる
○ 動画からのGIFアニメーションの作り方
○ 動画とGIFどちらを使うか
◇ GIF貼付け時の注意点
○ ブログが重くなっていないか確認を
○ GIFの用途を考えよう
GIFの概要と作り方
GIFとは画像形式のひとつ
GIFとはGraphics Interchange Formatの略称であり、画像ファイル形式の種類のひとつになります。
そのほか画像形式の種類にはJPEGやBMPなどが存在します。
GIFの特徴は、画像ファイル形式でありながら簡単なアニメーションが作れること。
動画ファイルを貼れない掲載スペースであっても、GIFファイルが許可されているのであれば、静止画以外にもアニメーションを貼ることが出来ます。
このようにGIFファイルを使うと、少し動きのある表現が出来てアピールできる点がメリットです。
画像から簡単なGIFの作成方法
GIF画像の作成はアプリを利用して作成する方法や、ウェブサイトへアップロードしてから作成する方法があります。今回はウェブサイトで変換する方法を紹介します。
今回利用させていただいたのはウェブサイト『Syncer』様が提供するGIFメーカーです。サイトは下記のリンクから来訪できます。
GIF作成はとても簡単です。まずは指示に従って、画像ファイルを複数アップロードします。そして下へスクロールして『GIFを作成』をクリックするだけです。
ちなみに3枚の画像ファイルから作成したGIFのサンプルは下記の通りです
twitterでも貼れるGIF画像の作り方
twitterでもGIFは貼れるんだろうかと疑問に思い挑戦してみました。
結果、いちおうGIF画像をアップロードして貼ることは出来ました。
twitterへGIF画像を貼るには、ツイート画面のメディアをクリック。上記画像の赤○で囲った部分です。
するとツイートする画像を選択する画面が開くので、貼りたいGIF画像を選択しましょう。
これでtwitterでもGIF画像を貼ることが出来ました。ツイッター上でもGIF画像が動いているか、確認しておきましょう。
GIFアニメーション作成方法 応用編
動画からもGIFを作れる
画像形式であるGIF規格ですが、なんと動画からもGIFへと変換することは可能です。
『動画だと容量が重くなりすぎるなあ』と悩んでいたならGIFを選択肢として入れてみましょう。
たとえば10秒程度のアニメーションをループさせつつ説明したい、なんて用途があればGIFを使うメリットがあります。
ちなみに動画からGIFへの変換も、Syncer様のwebsiteより作成可能です。
それでは実際のGIFの作り方についても確認しておきましょう。
動画からのGIFアニメーションの作り方
動画からのGIFアニメショーションも作成は簡単です。
先ほどのSyncer様のウェブサイトにて、画像ファイルの変わりに動画ファイルをアップロードしてみましょう。
ちなみにアップロードする動画ファイルは、10秒程度の短めのモノがオススメです。あまり長い動画だと容量が大きく、変換に時間がかかります。
ちなみに自身が作成しておいた10秒動画MP4ファイルをアップロードして、GIFに変換した結果は下記の通りです。
こんな風に、動画ファイルからも簡単にGIFを作ることが出来ます。
動画とGIFどちらを使うか
ブログへ動画とGIFどちらを使うかは、個人の好みや用途によります。
自身がGIF作成や掲載を考えた理由として、動画編集スキルの説明をする際に、記事をあまり重くすることなくアニメーションを掲載可能であるという利点があります。
そのほか動画を掲載するなら、youtubeへ自身が掲載した動画を貼り付けるといった方法もあります。
youtubeから埋め込みコードを取得して、動画を紹介する方法も下記の通り紹介しておきます。
GIFを使うか、動画を掲載するか否かは用途で使い分けましょう。
GIF貼付け時の注意点
ブログが重くなっていないか確認を
簡単なアニメーションを手軽にブログへ貼り付けられるGIFですが、貼り過ぎにも要注意です。
GIF掲載量が多くなると、ページが重くなる要因となります。
そのため記事作成画面でのGIFの挙動のみならず、実際にプレビューなど掲載記事を確認することが大切です。
ページを開くのに時間がかかりすぎていないかなど、GIFの利用数を鑑みながら、ユーザーのストレスにならない記事作成をすることも肝要となります。
GIFの用途を考えよう
先ほど紹介したように、ブログにはGIFもしくは動画掲載でアニメーションを提示できます。
そのほかブログに張り付けられるメディアとして、もちろん静止画もあります。
一目見て分かるものは静止画。具体的な操作手順はGIFなど、掲載するメディアは用途により使い分けましょう。
手軽に貼り付けられてブログを華やかにしてくれるGIFですが、記事の質を損なわないよう適切な利用方法を心掛けましょう。
『 ↓ IT転職ならウズキャリがオススメ！』
