diary_detail
HOME » スタッフブログ » nonのブログ » 透過favicon.ico(ファビコン)の作成

透過favicon.ico(ファビコン)の作成

2010年6月18日

Author : non

ブラウザのアドレスバーの左にあるあの野郎。。
そう、、ファビコンっていうちっちゃなやつ。。

フォトショップで過去に作った記憶があったので、

フォトショップでのicon作成を検索してみた。。

書いてあるとおりにフォトショップにプラグインを入れたんだけど

ん??保存の項目にico形式が出てこない・・・。

間違ってないはずなのになー・・・

困った困った・・・




色々調べてみたが原因分からず、、、






困り果てたところにこんなHPを見つけた!!!
「favicon.icoを作ろう!」
http://ao-system.net/favicon/index.php


ここでは自分のパソコンの画像(PNG,GIF,JPG,JPEG)を指定するのみ

16x16,32x32,48x48のマルチアイコン(複数の大きさを1ファイルで保持)を

作ってくれます。

しかも透過に対応しているみたい!!





便利便利




あとは、HTMLのタグの中に
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
と書いて出来上がったfavicon.icoファイルをルートに置くだけ。

階層が違うHTMLファイルには
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />

ってな感じかなー。




ちょっと嬉しかったので自分用メモとお知らせでしたー

calendar

2010年6月の日記

site search