ウェブクリップアイコン&ファビコン作成

昨日、ウェブクリップアイコンとファビコンの設定をしました!
まず簡単に、ウェブクリップアイコンとファビコンについて説明します。
【ウェブクリップアイコンとは?】
スマホやタブレットのホーム画面にブックマークのアイコン(タップすると任意のサイトが開く)を設定することです。
そのときホーム画面に設定したアイコンの事を「ウェブクリップアイコン」と呼びます。
【ファビコンとは?】
Webブラウザのアドレスバーやタブに表示されるアイコンのことです。
サイトロゴや、イメージキャラクターを設定することによって、サイトの個性をアピールすることができます!

作るきっかけは、まびパパの仕事仲間で親しくしている方がねこまびブログの読者でして、その方が「スマートフォンのホーム画面にブックマークをしたらこのようになりました」と、ラインでねこまびのブックマークをスクリーンショットにして送ってきてくれました。見てみると、アプリのアイコンの形の中にトップページが縮小されて表示されていました(汗)

ウェブクリップアイコンは、まびこの画像とブログ名を入れて、背景はブログのイメージカラーのコーラル系のグラデーションにしました!

スコティッシュフォールド,猫,まびこ
ねこまびブログのウェブクリップアイコン

スコティッシュフォールド,猫,まびこ
スマホではこのように表示されます

ファビコンの方はさらに小さめの画像になるので、猫の足跡の画像に背景はウェブクリップアイコンと同じです。

スコティッシュフォールド,猫,まびこ
ねこまびブログのファビコン

スコティッシュフォールド,猫,まびこ
ブックマークやブックマークバーをした時も画像が表示されます!

スマートフォンやタブレットでブックマークをされている方はもう一度、再設定をお願いします!

ランキングに参加しています♪
あなたの応援が励みになります!!
にほんブログ村 ハンドメイドブログ ハンドメイド生活へ