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

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

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

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

（素材サイトからいただきました）

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

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

基本的に「gif」です。

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

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

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

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

たとえばこんな感じのボタンなど・・・。

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

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

フォロー大歓迎です！

写真加工、修正が
当たり前の現代だからこそ、
SNSで埋もれないプロフィール写真

人として
まっすぐに人生を生きていた
あなたの深みや歩んできた歴史を

ウソ偽りのない写真で
人の心をグッと掴んでみませんか？

すべてにおいてまっすぐにこだわる
ストレートフォトグラファー

よしだひろふみ

ご相談はお気軽に！

■新しくなった「セルフマガジン」はこちら！！■
https://enjoy-eagle.net/design/self_lp

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

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

■YouTubeチャンネル絶賛公開中！
https://enjoy-eagle.net/design/youtube

■Twitterフォローお気軽に！（フォロー返しします！）
https://twitter.com/yoshida_proflab

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

コメントを投稿するにはログインしてください。

2016/07/12

2016/07/16