人気の記事



【FC2ブログ】Favicon(ファビコン)を付けてみる

こんにちは〜。
今日は自分オリジナルの「Favicon(ファビコン)」に変えてみよう!
ということで、
ファビコンの設定方法をご紹介しますね!(^^)v



まず、Favicon(ファビコン)って何?


favicon(ファビコン)は、
ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。
favorite icon(フェイバリット・アイコン:お気に入りアイコン)という英語の語句を縮約したものである。
Wikipediaより



←Yahoo!
←Google
←FC2ブログ

↑これらね。
毎日見ているけど気にしたこともなかったファビコン。
ここを自分のオリジナルにしてしまいましょ〜!


私のFavicon(ファビコン)はこちら!




トラ猫マークです〜(╹◡╹)

これは私が書いたものではなくて
無料素材のサイト様からお借りしております
この画像を↓↓

neko.png

画像ファイルをアイコン(ICON)形式に変換するWebツール」で
[.ico]の画像に変換!!
(「ファイルを選択」でファビコンに変換したい画像ファイルを選択→「アイコンを作成」)

※ファビコンの画像は必ず[.ico]という拡張子じゃないとダメです。
[.jpg]や、[.gif]画像もあっという間に[.ico]変換できちゃうのが
画像ファイルをアイコン(ICON)形式に変換するWebツール」なんです!!


で!!
16×16pixelの[.ico]画像に変換!!



↑あれ?
猫ちゃんの全身を16pixelのアイコンにすると...なんかグチャッとして猫ちゃん何だか分かりづらいかも・・・(-_-;)

ってことで、
テキトーに猫ちゃんの顔部分だけを切り取り!!



そして、再度変換!!

↓↓↓↓↓↓↓↓↓↓↓↓↓



↑はい〜☆いい感じにトラ猫ちゃんのファビコンが完成☆


続いて、ファビコンの設置方法


①ブログの管理画面のアップロードから作ったファビコン画像をアップロードします。
 アップしたらその画像アドレスをコピペしてメモっておきましょう。

②次に、「テンプレートの設定」→「HTML編集」の中から</head>を探します。
(見つからなければ「Ctrl」+「F」で</head>検索)

③この</head>直前に以下のタグを挿入します。

<link rel="shortcut icon" href="アップロードしたファビコンのURL">


④[更新]を押して保存をします。




なんて簡単!!
たったこれだけで、
自分だけのオリジナルファビコンが設置できちゃいます〜♪

FC2の赤いユニコーンマークもカッコイイんですが、
オリジナルのファビコンにすると
「ブログを印象づけることができる!」
「ブックマークの中から見つけやすい!」
などのメリットがありますので、
ぜひ、オリジナルのファビコンに変えてみてはいかがでしょうか〜(≧∇≦)/
関連記事



今日もお読み頂き有難うございました!
ポチッと!
△面白かった!!参考になった!!と思った方は「拍手!」ボタンをポチっとお願いします♪△

こんな記事も読まれています



Posted byトラ猫(1DK35平米暮らし)

Comments 0

There are no comments yet.

コメントする