THE HAM MEDIA BLOG

Faviconの設定

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
HTML
タグ:
HTML
カスタマイズ
favicon
前のブログの時にも使っていたFavicon(ファビコン)を
ここのブログにも設置しました!

Favicon(ファビコン)とは


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


お気に入りに登録する時、
そのお気に入りの横に、小さな絵が入る時がありますが、
ファビコンはそれのことです。
ブラウザによっては、URLの横に表示されていますよね。

今回は以前にも使っていたものを再利用!

設置方法


設置方法は至って簡単!
iconを作成して自分のウェブにアップ。
あとは以下のコードを<head>から</head>の間に記述。
<link rel="shortcut icon" href="###.ico">

seesaaブログの場合は、ファイルマネージャーに画像を入れ、
hrefでそのアップしたアイコンのURLを入れればいいだけ。

なんと簡単な!!

設置は簡単なんだけど・・・


設置方法は上記で説明した通りなんだけど、
面倒なのはそこじゃない。
icon自体を作るほうが大変だ。

画像が小さいから、
その小さい画像で見えるものを作らなければならない。
僕も最初これを作るときは苦労した。

Favicon Japan!! というところで、
GIFやJPEG、PNG画像を縮小してiconを作ってくれるんだけど、
縮小したときに、画像が崩れてしまったり、
部分的に見えなくなってしまう事態が起こってしまった。
作るのはちょっと大変かもしれない。

ってことで、まだまだ徐々に変化を続けるここのブログ。
次はなにを導入しようかな。

この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック

トップに戻る