自分のwebサイトにFavicon(ファビコン)を設定しよう!

2010-03-28 Webサイト

konata.jpg 今回は自分のwebサイトやブログにFaviconを設定する方法を紹介します。

ファビ・・・コン・・・?任天堂が出した初代ゲーム機のこと?
kagami.jpg


miyuki.jpg Favicon(ファビコン)はウェブサイトやウェブページに関連付けられたアイコンのことである。Favorite icon(フェイバリット・アイコン)という英語の語彙を略したものである。英語ではファブアイコン(Fav-icon)と読むようであるが、西洋でも英語圏以外では日本語圏と同様にファビコンとローマ字読みされることが多い。(wikipediaより)

おお・・・久々のミウィキさんね。
kagami.jpg

konata.jpg つまり、ファビコンとはお気に入りやブックマークの左側についている小さなアイコンのことなのだよ。
ちなみにこのサイトは005-favicon.png
これだね。

FC2ブログのデフォはfc2icon.png
だったわよね。赤い馬?だかなんだか分からないけど。
kagami.jpg

konata.jpg うん。だから見た目的にもあまりよろしくない感じだし、皆と同じだし、変えてしまおう!

それで、設定方法はどうやるの?
kagami.jpg

konata.jpg まずは画像の調達だけど、ファビコンはサイズが16×16で拡張子が.iconなら基本的には何でもオーケーだよ。
だから、ペイントで自分で好きなように書いてもいいし、「ファビコン、favicon」でググって探してもいいと思うよ。

ふむふむ。それじゃ肝心の設置方法は?
kagami.jpg

konata.jpg ファビコンの設置方法は、使いたいファビコンを各自アップロードした後、
<link rel="shortcut icon" href="ファビコンのパス">
を<head></head>の間に書き入れるだけだよ。

なるほどなるほど。
kagami.jpg

misao.jpg これで赤い馬ともおサラバDAZE!


Webサイト
No comments yet.

Leave a Comment