【デザイン】アニメーションやボタン作成で、gifが便利な理由

もしこれからホームページなど作るという際、
画像の基本として、参考になることでしょう。

ホームページを見ると、いろんな画像が出回っている中、
時々、アニメーションのようにコロコロ変わるバナーを
見かけたことがあろうかと思います。

こんな感じでの画像です。(少し画像を大きくしました。)

(素材サイトからいただきました)

 

これは、gifデータと呼ばれている画像方式ですが、具体的に何かと言いますと・・・

 

【そもそも「gif」とは?】

「Graphics Interchange Format」の略称で、「ジフ」と呼んでいます。
決して「ギフ」ではありません。

 

【拡張子は?】

基本的に「gif」です。

 

【gif方式 5つの便利な理由(特徴)とは?】

・画像で唯一、アニメーションにできる
・256色使用できる
・主に単色の背景やリンクボタンに向いている
・1つの色を透過(透明)にすることができる(透過gif)
・保存サイズは基本的に小さいので、表示が早い

 

ということから、
gif方式の画像は、サイズが小さいことがメリットとなり、
ホームページ等でのアクセスが早くなります。

 

【注意すること】

使用できる色が「256色」(JPEGでは1677万色)と少ないため、
写真など多色系のものには向いていません。
仮に写真をgifで保存すると、画質が変わります。

 

【gif画像は、何に向いているのか?】

「保存サイズが小さい」がメリットということから、
単色でできる、背景用、リンクのボタン作成や、動きのあるバナー作成
に向いてます。

gif アニメーション ボタン
たとえばこんな感じのボタンなど・・・。

 

画像は、それぞれの利点をうまく活かす事が、
ブログ(ホームページ)作成の際に必要となります。

(※ボタンのサイズが小さいために、
ちょっとだけ大きくしたのですが、
見映えの悪さはご容赦ください・・・。)

■好評いただいている「本音ブログ」はこちら!!■
https://blog.enjoy-eagle.net/

■新しくなった「セルフマガジン」はこちら!!■
https://www.reservestock.jp/stores/article/10936/21438



■起業家の後方支援 プロフィール写真撮影(販売ページ)
https://enjoy-eagle.net/

■プロフィール写真撮影(撮影の雰囲気をノーカット版)


■写真撮影メニュー及び価格表
https://enjoy-eagle.net/design/photo_price

■YouTubeチャンネル絶賛公開中!
https://www.youtube.com/channel/UC5EVbeG3aFDMlyd7NbkI2eg

■Facebookページ好評公開中!
https://www.facebook.com/kigyouka.photo/

■Twitterフォローお気軽に!(フォロー返しします!)
https://twitter.com/enjoy_yoshi


【サーバー代の足しにしたいので、寄り道にぜひお買い求めください!】
Amazon公式サイト


About designoffice 330 Articles
【お客様に選ばれる写真を撮るプロフィールカメラマン】 過去、人物写真など延べ3桁以上撮影し、セミナー申込者数8倍アップなど劇的な成果をもたらす。 使命は「起業家の後方支援として写真でビジネスを応援する」こと。

Be the first to comment

Leave a Reply

Your email address will not be published.


*


CAPTCHA