ＧＩＦアニメとは↑
ＧＩＦアニメーション画像の例
このような動くイラストは、ＧＩＦ(じふ)アニメーション画像といって、ブラウザ上(InternetExplorerやChromeやFirefoxなど)であれば、どんな環境でも動いて見える動画っぽい画像です。(Graphics Interchange Formatの頭文字をとっています)
上の歩く犬のＧＩＦアニメのファイルサイズ(バイト数)は、6.51ＫＢ(キロバイト)です。
普通の写真で同じぐらいのファイルサイズだと、下の写真が大きさ90x74ピクセルで5.57KBです。
ＧＩＦアニメーション画像は動きがあるので記事の中でとても目立ちます。
そして、私の作るＧＩＦアニメーション画像は、とても軽く、読み込みに負荷をかけません。(ほとんどが５０KB以下)
「動く画像はファイルサイズが大きいのでページ読み込みが遅くなる」と言われることがありますが、それは動画をgif形式に変換したＧＩＦアニメの場合で、イラストタイプのＧＩＦアニメは、とてもサイズが小さいのです。
ブログやホームページのちょっとした飾りに、目をひく効果が抜群ですので、ぜひお使いください。※２２００点無料ダウンロードできるサイトはこちら
そんなＧＩＦアニメーション画像について、詳しく説明します
ＧＩＦアニメのメリット・スマホでもパソコンでも動いて見える。
(ブラウザ上やアプリ上で動くので、単純にフォルダ内のファイルを表示しただけでは、1コマ目だけが静止画として表示されます。写真アプリ、フォトアプリでは、最新版で動いて見えます)
・YouTubeなどの動画投稿サイトにアップする必要がない。
・フラッシュアニメのように何かのソフトに依存しない。
(フラッシュアニメは、adobe flash playerがインストールされていないと表示出来ません)
・how toものの説明が一目瞭然である。
・動画開始を命令する必要がなく、ページ読み込みと同時に動き始め、無限にループする。
(1回だけ動作させたり、スタートボタンで開始する設定もできますが、一般的ではありません)
・普通の動画も短い秒数でサイズを小さくすれば同じように表現できる。
ＧＩＦアニメーション画像
168KB
ＧＩＦアニメのデメリット・長い動画や大きな動画はバイト数が大きくなりすぎて、使うのに適しない。
・色数が256色に制限されているので、画質が悪い。(イラストなどはきれいに表現できる)
動画から変換したＧＩＦアニメの例
イラストのＧＩＦアニメの例
・音声がつけられない。(そのほうがいい場合も多くあります)
・作るのに技術がいる。(2コマ程度の簡単なアニメなら誰でもできますが、10コマ以上のアニメになると慣れと技術が必要です)
例えばこの犬のＧＩＦアニメーション画像は、以下のように１１枚の画像を使用しています。 ＧＩＦアニメーション画像の保存方法と使い方【保存方法】 ＧＩＦアニメーション画像のファイル形式は、abcdef.gifのように拡張子gifがつきます。
ただし、静止画gifファイルの場合も拡張子は同じなので、アニメーションgifとの違いはファイル名だけではわかりません。
※ホームページ作成時には、ホームページビルダーでは、アニメーションgifに以下のようなアイコンマークがつくのでアニメと静止画を区別できます。
ＧＩＦアニメーション画像を自分で作るにはサイトを利用する方法とソフトを使う方法があります。
・無料サイトでは、「無料バナー作成工房」さんが有名です。
2.3枚の写真を用意してサイトにアップすれば、簡単にＧＩＦアニメーション画像が作れます。詳しい説明はこちら(名前アイコンの作り方ですが、方法は同じです)
・有料ソフトでは、ホームページビルダー付属のウェブアニメーターがあります。
・無料ソフトでは、「Giam」などがありますので、「ＧＩＦアニメ作成」で検索して好みのものをダウンロードして下さい。
※当ホームページのＧＩＦアニメーション画像は、すべてホームページビルダー付属のウェブアニメーターを使用して作成しています。 ＧＩＦアニメをＬＩＮＥで使うには無料通話アプリ「ＬＩＮＥ」を使っている人は多いと思いますが、
ＬＩＮＥでは、投稿画面にＧＩＦアニメーション画像を投稿すると友だちに見てもらうことができます。
ＬＩＮＥの投稿画面は、自分のホーム画面の左下の「投稿」から、スマホに保存したＧＩＦアニメーション画像を選んで投稿出来ます。
投稿すると、静止画で表示されますが、タップすると動く画像として表示されます。
※スマホの種類によっては、タップしなくても動いて表示されます。
ＬＩＮＥの投稿画面スクリーンショット↓
実際の画面では下のように動く画像が表示されます
トーク画面では、残念ですが、静止画になってしまいます。
ＧＩＦアニメをtwitterに投稿するにはTwitterではGIFアニメをツイートに載せて投稿することが可能です。
2016年からGIFアニメの投稿機能が実装されたので、だれでもGIFアニメが投稿できるようになりました。
しかし、Twitterに投稿できる画像の上限は５MBですので５ＭＢを超える画像は投稿できません。
当ホームページのＧＩＦアニメーション画像は、ほとんどの画像が投稿可能です。
例えば「ラジオ体操、やってるよ」と画像をつけてツイートするとき
実際の画像を投稿せずにこんなＧＩＦアニメをつけて投稿すれば、個人情報や位置情報をオープンにせずにすみますね。
TwitterへGIFアニメを投稿する方法iPhoneの場合ツイート作成画面の下部に画像を選択するアイコンがあると思いますが、その隣の「GIF」と書かれたアイコンからGIF画像を追加することができます。
アイコンを選択するとiPhoneのカメラロールが開かれ、保存されているGIF画像を選択し投稿することができます。
androidスマホの場合AndroidスマホからTwitterへGIFアニメを投稿する場合もiPhoneと手順は同じです。
ツイート作成画面から「GIF」のアイコンをタップすることでフォトからGIFアニメを選択・投稿することができます。
※Facebookやmixiへの投稿方法は省略しますが、同様の手順で投稿できると思われます。
ＧＩＦアニメをメールで送信するにはスマホから送る場合、メール画面で普通の写真を送るときと同じ添付動作をし、スマホに保存したＧＩＦアニメを選択して、相手に送信します。
相手側は、以下のような操作で見ることができます。
相手がパソコンで見る場合送られた相手は、受信箱では以下のように静止画で見えます。
↓例 ヤフーメールで受信した場合の受信箱
添付画像をクリックして「スキャンしてダウンロード」などを選び、デスクトップなどに保存します。
保存した画像を右クリックすると
別窓が開くので「プログラムから開く」→「常時使うブラウザ」の順に選択します。
※あらかじめＧＩＦアニメーション画像とブラウザを関連づけてある場合は、ダブルクリックするだけで表示されます。
ブラウザが開き、ＧＩＦアニメーション画像が動いて表示されます。
↓下はInternetExplorerで開いた例です。Chrome、Firefoxでも同様です。
上はスクリーンショットなので動いていませんが、実際は下のＧＩＦアニメーション画像が表示されます。
相手がスマホで見る場合メール受信画面からダウンロードすると「カメラロール」や「フォト」のダウンロードフォルダに保存されます。
フォルダ内では静止画のサムネイルで表示されますが、タップすると動いて見えます。
↓ダウンロードフォルダでの表示
(androidの場合)
画像選択後の画面↓
※最新版の「フォト」や「写真」アプリで動きます。 皆さんも動くイラスト(ＧＩＦアニメーション画像)をブログやＳＮＳ投稿に活用してみて下さい。
応援ありがとうございます。(素材ランキング)
|
ホームページ
-
詳細
|
私のホームページ「動くイラストフリー素材」は
鉄道イラスト中心のサイトですが、
今までにYouTubeに投稿した鉄道や旅の思い出の動画を
一覧できるページを新設しました。トップページからお入り下さい。
また、皆さんに好評なＵＳＡを踊る猫のイラスト素材も
随時、新作を投入しています。
↓こちら
最新作は、「誕生日おめでとう」と「バレンタイン素材」です。
YouTube動画一覧ページのスクリーンショットです↓
その他、旅の思い出や花の特集、猫マンガなどの動画は
また、↓こちらのページもおすすめです。
|
|
半年ぐらい前までは、私のホームページやブログに関して言えば、
まだまだパソコンで見ている人が多かったように思います。
しかし、ここ1ヶ月のアクセス解析を見ると、サイトもブログもスマホでの閲覧が半分以上になってきました。
直近28日間のアクセス 種類別↓ホームページ「動くイラストフリー素材」のGoogleアナリティクスより
スマホ・・・47.6%
パソコン・・・40.9%
タブレット・・・11.5%
下は、直近30日間のＯＳ別のアクセス数です。Ｗｉｎｄｏｗｓ・・・主にパソコン
ｉＯＳ・・・ｉＰｈｏｎｅスマホ
Ａｎｄｒｏｉｄ・・・Androidスマホ
パソコン合計４４％位 スマホ合計56%位
↓特にandroidスマホの伸びに注目です(以前はiPhoneとの差が大きかった)
ヤフーブログ「花鉄日記」の種類別アクセス数下は2018/12/07-2019/01/05のＰＶ数です。
ＰＶ・・・ページが開かれた数
通常はパソコン閲覧が多いですが、クリスマス前後や元日前後は
圧倒的にスマホが多いです。
※ヤフーブログのアクセス解析結果をグラフ処理しています
合計アクセス数を円グラフにすると↓こうなりました
上のように、総合的にはパソコンとスマホがほぼ半々という結果です。
日々のアクセスは、パソコン閲覧が多いのですが、
クリスマスやお正月のフリー素材を探す時は圧倒的にスマホ検索が多いようです。
私自身は、ブログに投稿するときは外出先以外では、だいたいパソコンから投稿していますが、コメントやナイスなどを確認するのはスマホでの操作が多いです。
ワイモバイルのスマホを使い始めてから３年以上になりますが、
ずーっと毎月２５００円のままです。(２ギガ)
ａｕから乗り換えで機種代はタダでした。
ガラケーのときより通信費は安くなりました。
家の中ではほとんどワイファイで使うのでデータ制約もないし、快適です。
他にも回線契約していないiPodやiphoneをワイファイで使っています。
機種はＮＥＸＵＳ５ですが、電池の減りが速いのだけが難点です。
今の若者は、スマホでなんでもすましてしまうのでパソコンを使えない人も
けっこういるらしいですね。
昔、ＰＣ９８０１でＭＳ−ＤＯＳをいじっていた私は、今もカナ入力です。
ファイル名などはローマ字を使うのでローマ字入力も使えますが、
我が家は家族全員カナ入力です。珍しいかもしれませんね。
話が横にそれましたが、
以上のようにスマホ閲覧が多くなってくると、
当然、サイトの画面作りもスマホ閲覧を意識して作らないとならないですね。
そのためにヤフーブログも新システムに移行しようとしたようですが
ユーザーの猛反対にあって、今もシステム変更が滞っているようです。
上も参考にして下さい
スマホ対応のサイト作りで気をつけていること・フラッシュは使わない
・どの機種でも見やすく表示されるようレスポンシブデザインにする(画面幅を見ている人の画面サイズに応じて自動変更するデザイン)
・ページ読み込みが遅くならないようサイズの大きい画像やgifアニメを使わない(リサイズする)
・ブログパーツなども使わない
・長いページは分割して、読み込みを速くする。
・フレームページを作らない
・リンクとリンクの間をあける(タップしやすくする)
・文字サイズを大きくする
・行間を大きくする
・常時ＳＳＬ化する(httpサイト→httpsサイト)
などです。
ご自分のサイトがスマホ対応になっているかを下のGoogleサイトで調べられます。(モバイルフレンドリーテスト)
ポチありがとうございます
|
>
- コンピュータとインターネット
>
- インターネット
>
- ホームページ
スマホに「動くイラストフリー素材」のアイコンを登録するには「動くイラストフリー素材」ホームページは2000点以上の完全無料フリー素材を配布しています。スマホのホーム画面に登録しておくと便利です。
スマホのホーム画面登録の仕方
iPhoneの場合１．safariでhttps://freesozaixtrain.web.fc2.comにアクセス
２．一番下のバーの真ん中マークをタップ
３．開いた画面の中から「ホーム画面に追加」を選択
４．ホーム画面にアイコンが追加されます。
次回からはアイコンをタップするだけでサイトに行けます。
androidの場合１．chromeでhttps://freesozaixtrain.web.fc2.comにアクセス
2. 上のバー右隅の三点マークをタップ
３．開いた別窓の「ホーム画面に追加」を選択
５．ホーム画面にアイコンが追加されます
６．次回からはアイコンをタップするだけで「動くイラストフリー素材」へ行けます
応援ありがとうございます。
|
>
- コンピュータとインターネット
>
- インターネット
>
- ホームページ
|
先日お知らせしたように、ホームページサーバーとして老舗的存在だったヤフージオシティーズが２０１９年３月に終了することになりました。
そこで、メインの「動くイラストフリー素材」(ＦＣ２サーバー)にジオの２つのホームページを移転しました。
ペア画ホームページから移転したページ１．バレないペア画・・・サーフィン波・鉄道・猫・虹・星座・イルミネーション・冬木立
２．ＬＩＮＥ用ペア画アイコン
元のホームページ
水泳ホームページから移転したページ１．全国プールガイド
２．水泳イラスト素材
元のホームページ
移転したのは、人気のある一部分のページのみです。
アクセスの少ないページは、これまで通り、ジオシティーズに残してあるので、いずれ時が来れば消滅する運命です。
「ばれないペア画」は、こちらに移転しました。元のページ
人気のペア画はイラストＨＰトップページのこちらに移転しました↓
イラストＨＰトップページの一番下にリンクがあります。↓
↓リンク先はこちら
上のページから「水泳イラスト素材」のページにも行けます。
上の２つのホームページを
お気に入りをされていた方は、
登録の変更をお願いします。
上のページでくわしく説明しています
私の移転先はＦＣ２ホームページです。
そのやり方は
↑このページのなかほどに「ホームページ」という項目があります。
有料版と無料版があります。
私はFC2ホームページ有料版(月額３００円)を２年前から使っています。
クレジットカードが必要で1年分まとめて支払います。
独自ドメインも取れます。年間999円です。(キャンペーン中)
※独自ドメインはhttp:になります。ＳＬＬ対応は調整中だそうです。
ホームページはhttps:になります。ＳLL対応済みです。
無料版は１ＧＢですが、有料版は１０ＧＢです。
レンタルサーバーもあります。
ホームページではアンケートなどをするためのcgiﾌﾟﾛｸﾞﾗﾑは使えませんが
レンタルサーバー(月額250円から)だとＣＧＩも使えるようです。
ポチありがとうございます
↓
|
>
- コンピュータとインターネット
>
- インターネット
>
- ホームページ
