Archives | Tumblr | Facebook | bullet-feed.pngRSS

ブログ:5分で出来るfavicon.ico(ファビコン)の作り方

 色んなページのお気に入りを見ていて、お気に入り登録されたときに出るアイコンがうらやましかったので、今回作成してみました。かなりのお手軽な感じで最短5分あれば出来ます。

 以下、作り方を紹介します。

1.アイコン無料作成ソフトでアイコン作成。

 ロゴ&バナー無料自動作成

 上記のサービスを使って、好きなアイコンを作成します。一番お手軽なのは、英数字1文字のアイコン。(僕のところみたいなやつ)

2.favicon.ico形式に変換

 FavIcon from Pics

 上記のところへ行くと、favicon.ico形式に変換してくれます。ローカルにある、さっき作ったgifファイルを指定して[Generate FavIcon.ico]ボタンを押します。

 そうすると、勝手に縮小されて、favicon.ico形式に変換されます。zipファイルになるのでダウンロード。

3.自分のページへUP

 FTPなんかを使って、ダウンロードしてきたfavicon.icoを自分の領域にアップデートします。index.htmlと同じところが良いのではないでしょうか。

4.headタグに記述。

 以下を<head></head>の間に記述します。

MovableTypeの場合

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

それ以外

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


5.実際に表示させてみる

 IE系のブラウザで自分のページを表示させてみてください。アイコンが出るようなったら成功です。

 上記の設定はすぐ出来たけど、記事の作成に30分掛かった。w

このエントリーをはてなブックマークに追加

関連性が高いおすすめ記事


comments powered by Disqus