お気に入りアイコン(ファビコン)作成に便利なサイト(2012/11/6)

先日、初めてお気に入りアイコンを作りました。その際に参考にさせていただいた以下のページに詳しく作り方が書いてあります。

お気に入りアイコンとは、webページにアクセスした時にブラウザのタブやアドレスバーに表示されるそのwebページのシンボルマークのようなものです。

参考サイト: 複数サイズのサイトアイコン(ファビコン)を簡単作成(All About)

ファビコンのサイズも複数用意した方が良いんですねぇ。 それが簡単にWEB上で作ることができるサイトが x-icon editor です。

ファビコン作成

出来上がった favicon.ico と <head>~</head> 内に以下の一文を挿入した html ファイルをサーバーにアップロードします。

<head>~</head> 内に以下の一文を挿入。

<link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon">

ページをお気に入りに登録するとファビコンが表示されます。

IEでの表示のされ方 (IE)

Google Chromeでの表示のされ方 (Google Chrome)

上に戻る